How can I display an alternate product image on hover?

Shopify Discussion
,
3

.supports-hover .Link–primary:hover,
.Link–primary.is-active {
color: var(–text-color);

Or

@media (-moz-touch-enabled: 0), (hover: hover) {
.Link–underline:hover::before {
transform: scale(0, 1);

Thank you
}

.supports-hover .Link–secondary:hover,
.Link–secondary.is-active {
color: var(–text-color-light);