JSFiddle - React, Tailwind, and code Playground

HTML

<p class="one">HOVER OVER ME - IMG IS SIBLING</p>
<img src="http://www.placecage.com/100/100" />
<p class="two">HOVER OVER ME -IMG IS CHILD
    <img src="http://www.placecage.com/100/100" />
</p>

CSS

img {
    display: none
}
p.one:hover + img {
    display: block;
}
p.two:hover img {
    display: block;
}