JSFiddle - React, Tailwind, and code Playground

HTML

<div id="first_block">BLOCK ONE</div>
<div id="second_block">BLOCK TWO</div>
<div id="third_block">BLOCK THREE</div>

CSS

#first_block {
    position: relative;
    width: 300px;
    height: 150px;
    background-color: #435ef2;
    z-index: 9;
}

#second_block {
    position: relative;
    width: 300px;
    height: 150px;
    background-color: #cdef99;
    opacity: 0.9;
    bottom: 150px;
    left: 200px;
    z-index: 10;
}

#third_block {
    background-color: #fa5fde;
    width: 300px;
    height: 150px;
}