/* 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;
  }
}