.hero-section {
  position: relative;
}

.hero-image-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
}

.bg-hero {
  background-image: url(../../assets/img/phones-bg.webp);
}

.bg-offer {
  background-image: url(../../assets/img/offer-bg.webp);
}