img[data-loaded="false"], [data-loaded="false"] img {
    opacity: 0;
}

img[data-loaded="true"], [data-loaded="true"] img {
    animation-name: showLazyImg;
    animation-duration: 0.7s;
    animation-fill-mode: both;

}
.lozad-after[data-loaded="true"], [data-loaded="true"] .lozad-after {
    animation-name: none !important;
    animation-duration: 0.7s;
    animation-fill-mode: both;

}

@keyframes showLazyImg {
    from {
        opacity: 0;
        transform: scale(1);
    }
    to {
        opacity: 1;
        transform: scale(1.1);
    }
}

/* Set initial state for lazy-loaded images */


/* Animation for loaded images */
/* img[data-loaded="true"], [data-loaded="true"] img,
.lozad-after[data-loaded="true"], [data-loaded="true"] .lozad-after {
    animation-name: showLazyImg;
    animation-duration: 0.7s;
    animation-fill-mode: both;
}

@keyframes showLazyImg {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
} */