/*
 * DESIGN-03: seamless 8:3 Hero masters for desktop widths.
 * Tablet and mobile keep the owner-approved 16:9 source media and focal points.
 */
.mp-design-0799 [data-mp-hero] .mp-hero-visual > picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.mp-design-0799 [data-mp-hero] .mp-hero-visual > picture > img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;
    background: transparent !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

@media (min-width: 1200px) {
    .mp-design-0799 [data-mp-hero] .mp-hero-visual > picture > img {
        filter: none !important;
        transform: none !important;
    }
}

@media (max-width: 1199px) {
    .mp-design-0799 [data-mp-hero] .mp-hero-visual[data-mp-hero-index="0"] > picture > img {
        object-position: 82% center !important;
        filter: none !important;
    }

    .mp-design-0799 [data-mp-hero] .mp-hero-visual[data-mp-hero-index="1"] > picture > img {
        object-position: 78% center !important;
    }

    .mp-design-0799 [data-mp-hero] .mp-hero-visual[data-mp-hero-index="2"] > picture > img {
        object-position: 80% center !important;
    }
}