JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://www.google.com">
   <img id="x" src="images/x.png"/>
</a>

CSS

#x {
    width:188px;
    height:253px;
}
#x:hover {
    /* background:red url(images/xhover.png); */
    width:188px;
    height:253px;
    filter: grayscale(0);
    transition: 1s;
}