JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
  <img src="https://i1.sndcdn.com/avatars-000008744854-5sr588-large.jpg?d408275" alt="smile" id="imgSmile" />
    
  <div id="art" style="position: absolute; left: 20px; top: 40px;">
    <a href="#"><img src="http://www.newmusicproducer.com/img/ic_play.png" /></a>
  </div>
</div>

CSS

#art{
    display:none;
}
#wrapper{
    width:100px;
    height:100px;        
}
#wrapper:hover #art{
    display:block;        
}