JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div class="video" >  
<img  style="width: 100%"src="https://images.unsplash.com/photo-1468648746436-83fc69277650?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8"  />
    <a href="#"></a>
</div>

CSS

.video { position: relative; }

.video a {
   position: absolute;
   display: block;
   background: url(http://clipart-library.com/images_k/transparent-video-play-button/transparent-video-play-button-21.png) no-repeat center;
    background-size:contain;
    
   height: 100%;
   width: 100%;
   top: 20px;
   left: 20px;
}