.product-wrap .image-old[data-product-hover-image] {
  position: relative;
}

.product-wrap .image-old > .product-hover-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .product-wrap .image-old.is-product-hovering > img:not(.product-hover-image) {
    opacity: 0;
  }

  .product-wrap .image-old.is-product-hovering > .product-hover-image {
    opacity: 1;
  }
}