JSFiddle - React, Tailwind, and code Playground

by Matt Hopkins

HTML

<div>
    <a href="#">One</a>
    <img src="//placehold.it/200x250" />
</div>
<div>
    <a href="#">Two</a>
    <img src="//placehold.it/200x250" />
</div>
<div>
    <a href="#">Three</a>
    <img src="//placehold.it/200x250" />
</div>
<div>
    <a href="#">Four</a>
    <img src="//placehold.it/200x250" />
</div>

CSS

a {
    display: block;
}

a + img {
    visibility: hidden;
}

a:hover + img {
    visibility: visible;
}