JSFiddle - React, Tailwind, and code Playground

HTML

<div id="imgSmile">
     <div id="art">
        <a href="#"><img src="http://www.newmusicproducer.com/img/ic_play.png">
        </a>
     </div>
    </div>

CSS

#imgSmile
    {
        background: url('https://i1.sndcdn.com/avatars-000008744854-5sr588-large.jpg?d408275') no-repeat center Transparent;
        width: 100px;
        height: 100px;
    }
    #imgSmile > #art
    {
        position: absolute; left: 20px; top: 40px; opacity: 0;
    }
    #imgSmile:hover > #art
    {
        position: absolute; left: 20px; top: 40px; opacity: 1;
    }