/* Hero module responsive image handling */

/* Desktop: Show background image, hide img element */

@media (min-width: 768px) {
    .mobile-hero-img {
        display: none;
    }
    .desktop-hero-bg {
        background-size: cover !important;
    }
}

/* Mobile: Hide background image, show img element, remove box shadow */

@media (max-width: 767px) {
    .desktop-hero-bg {
        background-image: none !important;
        --tw-shadow: none;
        --tw-shadow-colored: none;
        box-shadow: none !important;
    }
    .mobile-hero-img {
        display: block;
    }
}