.promo-slider .slide picture {
    display: block;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    /* Overrides the global 2.6:1 rule, including the existing !important rule. */
    .hero-grid .promo-slider {
        aspect-ratio: 1 / 1 !important;
    }

    .promo-slider .slide picture,
    .promo-slider .slide img {
        width: 100%;
        height: 100%;
    }

    .promo-slider .slide img {
        display: block;
        object-fit: cover;
    }
}