JSFiddle - React, Tailwind, and code Playground

HTML

<a href="/">
    <img class="img" src="http://i42.tinypic.com/2v9zuc1.jpg">
        <br>
    <b>Video test</b>
</a>

CSS

img{
    position: relative;
}
img:hover:before {
	background:url(http://i40.tinypic.com/i3s4dc.png) no-repeat center center;
    content:"";
    width: 100%;
    min-height: 100px;
    position: absolute;
    left: 0;
}
}