JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:alert('Hello!')" class="changesImgOnHover"><img src="http://dummyimage.com/50x25/00f/ff0.png&text=Hello!" alt="Hello!"></a>

CSS

.changesImgOnHover {
    display: inline-block;
    width: 50px;
    background: url('http://dummyimage.com/50x25/0f0/f00.png&text=Hello!') no-repeat;
}
.changesImgOnHover:hover img {
    visibility: hidden;
}