JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p>Text 1</p>
<p>Text 2</p>
<p>Text 3</p>
<p>Text 4</p>
</div>
<img src='http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png' style='display:none;'/>
<div>
  
</div>

CSS

p{
  margin-top: 20px;
  background-color: yellow;
}

JavaScript

$('p').mouseenter(function(){
    $('img').fadeIn();
}).mouseleave(function(){
    $('img').fadeOut();
});