JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

a {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
a:hover .play {
	background:url(http://goo.gl/yJqCOR) no-repeat center center;
    opacity: 0.8;
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -150px;
}