/* Rende il contenitore del prodotto il punto di riferimento */ .woocommerce ul.products li.product, .elementor-element .product { position: relative; } /* Nasconde di base la seconda immagine e la posiziona sopra la prima */ .immagine-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 2; } /* Mostra la seconda immagine al passaggio del mouse */ .woocommerce ul.products li.product:hover .immagine-hover, .elementor-element .product:hover .immagine-hover { opacity: 1; }