.product-thumbnail.hover-image {
    position: relative;
}

.product-thumbnail.hover-image .img-hover {
    position: absolute;
    inset: 0;
    opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
    .product-thumbnail.hover-image img {
        transition: opacity .25s ease;
        display: block;
    }

    .product-thumbnail.hover-image:hover .img-hover {
        opacity: 1;
    }

    .product-thumbnail.hover-image:hover .img-default {
        opacity: 0;
    }
}