/* Default state - show desktop images, hide mobile images */
.wb-image-desktop {
    display: block;
}

.wb-image-mobile {
    display: none;
}

/* Add transition effects for smoother switching during window resizing */
.wb-image-has-alternative .wb-image-desktop,
.wb-image-has-alternative .wb-image-mobile {
    transition: opacity 0.2s ease-in-out;
}

/* Mobile breakpoint - hide desktop images, show mobile images */
@media (max-width: 990px) {
    .wb-image-desktop {
        display: none;
    }
    
    .wb-image-mobile {
        display: block;
    }
}