Drugie zdjęcie na hover

style.less

@@ -1,3 +1,7 @@
+.idm__hotspot  .btn.add_to_basket__link{
+  margin-top: 0;
+}
+
 .idm__hotspot .add_to_basket{
   display: flex;
 }
@@ -151,7 +155,7 @@
     opacity: 0.6;
   }
 }
-
+/* COMPARE */
 .idm-products-banner__compare-btn{
   .idm-products-banner__compare-icon{
     height: 100%;
@@ -173,7 +177,10 @@
     opacity: 0.6;
   }
 }
-
+.idm-products-banner__compare-btn.--success {
+    display: flex;
+    align-items: end;
+}
 
 /* opinions */
 .product__opinions{
@@ -187,4 +194,30 @@
 }
 .product__opinions .icon-star:not(.--active)::before{
   content: "\f006";
-}
+}
+
+/* second image */
+.product__image.--second{
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.product__icon{
+  .product__image{
+    transition: opacity .25s;
+  }
+  .product__image.--second{
+    opacity: 0;
+  }
+
+  &.--toggle-icon:has(.product__image.--second){
+    .product__image.--first{
+      opacity: 0;
+    }
+    .product__image.--second{
+      opacity: 1;
+    }
+  }
+}