JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one">1
  <div id="two">2</div>
</div>
<div id="three"><span style="color:#fff;">3</span></div>

CSS

#one{
    z-index: 10;
    background:#ccc;
    height:100px;
    width:100px;
}
#two{
    position: absolute;
    left: 10px;
    top: 50px;
    z-index: 15;
    background:#777;
    height:100px;
    width:100px;
}
#three{
    position: relative;
    left: 55px;
    top: -85px;
    z-index: 12;
    background:#000;
    height:100px;
    width:100px;
}