.hero-bg {
  background:
    linear-gradient(90deg, rgba(20, 40, 64, 0.92) 0%, rgba(27, 58, 87, 0.7) 46%, rgba(44, 94, 143, 0.16) 100%),
    url('/assets/factory-home-hero.webp') center center / cover no-repeat;
}

.contact-section {
  background:
    linear-gradient(110deg, rgba(20, 40, 64, 0.94), rgba(27, 58, 87, 0.82)),
    url('/assets/factory-contact.webp') center center / cover no-repeat;
}

.page-hero {
  background:
    linear-gradient(105deg, rgba(20, 40, 64, 0.88), rgba(44, 94, 143, 0.58)),
    url('/assets/factory-page-banner.webp') center center / cover no-repeat;
}

.page-hero.technology-hero {
  background:
    linear-gradient(105deg, rgba(20, 40, 64, 0.9), rgba(44, 94, 143, 0.6)),
    url('/assets/factory-page-banner.webp') center center / cover no-repeat;
}

.about-section .about-image {
  background:
    linear-gradient(0deg, rgba(20, 40, 64, 0.84) 0%, rgba(27, 58, 87, 0.34) 48%, rgba(27, 58, 87, 0.08) 75%),
    url('/assets/factory-about-building.webp') center center / cover no-repeat;
}

@media (max-width: 800px) {
  .hero-bg {
    background-position: center center, 62% center;
  }

  .contact-section,
  .page-hero {
    background-position: center center;
  }

  .about-section .about-image {
    background-position: center center;
  }
}