.hero-background {
      background-image: url('https://vip-media.nbcnewyork.com/2026/06/rollercoasters-2-e1782760857243.png?quality=85&strip=all&w=1920');
      background-color: #000;
      background-size: cover !important;
      background-position: center !important;
      height: 50vh !important;
}
   
@media (max-width: 500px) {
    .hero-background {
        height: 43vh !important;
    }
}

    .template-hero .hero-background__img {
        -o-object-position: center !important;
        object-position: center !important;
    }