.offer {
  background-image: url(../../img/background/backgroundGrapes.svg);
  background-size: 200vh;
  background-repeat: repeat;
  display: flex;
  flex-direction: column;
  gap: 7.5vw;
  padding-block: 10vw 20vw;
}

@media (min-width: 767.98px) {
  .offer {
    gap: 5vw;
    padding-bottom: 15vw;
  }
}

@media (min-width: 991.98px) {
  .offer {
    padding-bottom: 10vw;
  }
}

@media (min-width: 1199.98px) {
  .offer {
    gap: 3.5vw;
    padding-block: 6.5vw 10vw;
  }
}

@media (min-width: 1599.98px) {
  .offer {
    gap: 3vw;
    padding-bottom: 7.5vw;
  }
}

@media (min-width: 1799.98px) {
  body > .offer {
    padding-inline: 12.5vw;
  }
}

@media (min-width: 1919.98px) {
  body > .offer {
    gap: 2vw;
    padding-inline: 17.5vw;
  }
}