#top .hero-composite-mobile,
#top .hero-composite-desktop {
  position: absolute;
  inset: 0;
  z-index: -20;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#top .hero-composite-mobile { display: none; }
#top .hero-composite-desktop { object-position: center center; }
#top .hero-composite-overlay {
  background: linear-gradient(90deg, rgba(5, 17, 34, .83), rgba(5, 17, 34, .49) 52%, rgba(5, 17, 34, .12));
}

@media (max-width: 639px) {
  #top .hero-composite-desktop { display: none; }
  #top .hero-composite-mobile {
    display: block;
    object-position: center top;
  }
  #top .hero-composite-overlay {
    background: linear-gradient(180deg, rgba(5, 17, 34, .16) 0%, rgba(5, 17, 34, .5) 40%, rgba(5, 17, 34, .84) 100%);
  }
}