JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://lorempixel.com/300/300/sports/1">
    Hover the see Full image,click to go there
</a>
<img src="http://lorempixel.com/300/300/sports/1" width="200" height="200" />
<br>
<a href="http://lorempixel.com/300/300/sports/1">
    Hover the see Full image,click to go there
</a>
<img src="http://lorempixel.com/300/300/sports/1" width="200" height="200" />

CSS

img { 
    opacity: 0; 
    transition: all 1s;
}
a:hover +img {
    opacity: 1;
}