/* Disable slider image animation on mobile devices */
@media (max-width: 768px) {
    /* Target the specific image with classes */
    img[src*="slider-left.jpg"] {
        -webkit-animation: none !important;
        animation: none !important;
        transform: none !important;
    }
    
    /* Target by class combinations */
    .img-banner-left {
        -webkit-animation: none !important;
        animation: none !important;
        transform: none !important;
    }
    
    .flat-slider.home-2 .img-banner-left {
        -webkit-animation: none !important;
        animation: none !important;
        transform: none !important;
    }
    
    /* Target by data attributes */
    img[data-bb-lazy="true"][alt*="Dream Home"] {
        -webkit-animation: none !important;
        animation: none !important;
        transform: none !important;
    }
    
    /* Target by class combinations from the HTML */
    img.entered.loaded {
        -webkit-animation: none !important;
        animation: none !important;
        transform: none !important;
    }
    
    /* Disable all animations on mobile for slider images */
    .flat-slider img {
        -webkit-animation: none !important;
        animation: none !important;
        transform: none !important;
    }
    
    /* Disable the specific ani4 animation */
    @keyframes ani4 {
        0%, 100% {
            transform: translateX(0) !important;
        }
        50% {
            transform: translateX(0) !important;
        }
    }
}