JSFiddle - React, Tailwind, and code Playground

HTML

<div class="video" >  
<img  style="height:200px"src="http://san.capitalafrique.com/imatin.net/articles/images/lionel-messi.jpg"  />
    <a href="#"></a>
</div>

CSS

.video { position: relative; }

.video a {
   position: absolute;
   display: block;
   background: url(http://www.slatecube.com/images/play-btn.png) no-repeat center;
    background-size:contain;
    
   height: 100%;
   width: 100%;
   top: 20px;
   left: 20px;
}