/* Hide second image by default */
.products-item .list-item-content__media-container .list-item-media__image:nth-child(2) {
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: opacity 0.3s ease;
}
/* Show second image on hover */
.products-item:hover .list-item-content__media-container .list-item-media__image:nth-child(2) {
opacity: 1;
}
/* Fade first image on hover */
.products-item:hover .list-item-content__media-container .list-item-media__image:nth-child(1) {
opacity: 0;
transition: opacity 0.3s ease;
}
