.hero {
  background-image:
    linear-gradient(90deg, rgba(4, 35, 79, 0.93) 0%, rgba(4, 35, 79, 0.83) 35%, rgba(4, 35, 79, 0.36) 66%, rgba(4, 35, 79, 0.08) 100%),
    url("../assets/hero-industrial.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 991px) {
  .hero { background-position: 68% center; }
}