JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent" style="z-index: 1;">
    <div class="center1"></div> 
</div>
<div class="parent" style="z-index: 10;">
    <div class="center2"></div> 
</div>

CSS

.parent{
     width: 100%;
     position:  absolute;
     text-aligh: -align: center;
     text-align: -moz-center;
     text-align: -webkit-center;
     
}
.center1{
    
    height:120px;
    width: 275px;    
    background-image: url("http://www.google.com/images/srpr/logo3w.png");
}

.center2{       
    height: 100px;
    width: 200px;
     background-image: url("http://www.google.com/logos/2012/turing-doodle-static.jpg");
}