.green-promo-line {
  min-height: 400px;
  margin: 80px 0 40px;
  background-image: var(--green-promo-bg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 1360px) {
  .green-promo-line {
    min-height: clamp(200px, 60px + 25vw, 400px);
  }
}

@media screen and (max-width: 560px) {
  .green-promo-line {
    min-height: 200px;
    margin: 40px 0;
    background-image: var(--green-promo-bg-mobile, var(--green-promo-bg));
    background-attachment: scroll;
  }
}