/* Styling for the actual image */
.is-loading {
    display: block;
    width: 100%; /* Adjust as needed */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover; /* Adjust as per your need */
    position: relative; /* For positioning the pseudo-element */

/*    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    background-size: 200% 100%;
    animation: shine 1.5s linear infinite;*/
}
   




/* Keyframe animation for the loading effect */
@keyframes shine {
    to {
        background-position-x: -200%;
    }
}


.product-swap-image-front {
    opacity: 0; /* Hide the image initially */
    /* or use 'opacity: 0;' for a fade-in effect */
    /* Other styles... */
}