@media only screen and (max-width: 1355px) and (min-width: 1045px) {
    .hero-image, .hero-color {max-width: 600px !important;}
}

@media only screen and (max-width:1045px) {
    .hero-color {display: none !important;}
    
    .hero-image {
        width: 100% !important;
        max-width: none !important ;
    }
}

#splash-container .cms-hub-element .card-bg-image {
    aspect-ratio: 1;
}