/* EasyZoom core 
.easyzoom {
position: relative;
display: inline-block;
}

.easyzoom img {
display: block;
}

.easyzoom.is-loading img {
opacity: 0.5;
}

.easyzoom.is-error img {
opacity: 0.5;
}

.easyzoom.is-ready img {
opacity: 1;
}

/* Optional: smoother transitions 
.easyzoom img {
transition: opacity 0.3s ease;
}
*/