JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bg1"></div>
<div id="bg2"></div>

CSS

#bg1{
    position:absolute;
    top:0px;
    left:50px;
    height:250px;
    width:250px;
    background-color:blue;
    opacity:0.3;
    z-index:2;
}
#bg2{
    top:0px;
    left:0px;
    position:absolute;
    height:250px;
    width:250px;
    background-color:green;
    opacity:0.3;
    z-index:1;
}