JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box1">
<img src="http://i44.tinypic.com/2j4akqb.jpg"/>	
	<div id="box2">box</div>
</div>

CSS

#box1{
	position:relative;
	display:table;
	width: 200px;
	height: 200px;
	
}

img {
    position: absolute;
    z-index: -2;
    width: 100%;
}

#box2{
    width:50px;
    margin: 0 auto;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background-color: yellow; 
    z-index: 100;
    position:absolute;
}