JSFiddle - React, Tailwind, and code Playground

by igos

HTML

<div id="container">
    <img id="image" src="http://bifapp.net/bifapp/images/1a70b8b63e2d49305beebeabd08da508560f3a9a.png"
    />
    <div id="play"></div>
</div>

CSS

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#container {
    position: relative;
    display: inline-block;
    border: 1px solid green;
}
#image {
    z-index: 9;
    border: 1px solid blue;
}
#play {
    background: url('http://cdn1.iconfinder.com/data/icons/iconslandplayer/PNG/64x64/CircleBlue/Play1Pressed.png') center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}