/* Homepage banner specific styles */
@media (max-width: 768px) {
    /* Target only homepage banner images */
    .swiper.hero-swiper.h-screen .swiper-slide img.absolute.inset-0.w-full.h-full {
        object-fit: cover !important;
        object-position: right !important;
    }
    
    /* Override any global styles that might set object-fit to contain */
    .absolute.inset-0.w-full.h-full {
        object-fit: cover;
    }
    
    /* Ensure the banner takes full height */
    .swiper.hero-swiper.h-screen {
        height: 100vh !important;
        min-height: 100vh !important;
    }
}