/* Banner recovery: place image and overlay on separate, reliable CSS layers. */
.hero, body.layout-summit-gallery .hero {
  background-color: #17332b;
  background-image: linear-gradient(90deg,rgba(9,24,29,.79) 0%,rgba(9,24,29,.30) 46%,rgba(9,24,29,.03) 100%), var(--hero-image, url("half-dome-art.jpg")) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: cover, cover !important;
  background-position: center center, center 43% !important;
}
@media(max-width:800px){.hero,body.layout-summit-gallery .hero{background-position:center center, 54% center !important;}}