JSFiddle - React, Tailwind, and code Playground

HTML

<center></br></br>
<div id  = "one" ></div>
<div id = "two" ></div>

</center>

CSS

#one {
    width: 200px;
    height: 100px;
    background-color: white;
    box-shadow: 0px 0px 20px #2D8DBD;
    left:50px;
    display: inline-block;
    margin-right:-100px;
}
#two {
    width: 200px;
    height: 100px;
    background-color: white;
    box-shadow: 0px 0px 20px #B22D2D;
    left:-50px;
    display: inline-block;
    margin-left:-50px;
    z-index:-1;
}