JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div>
</div>
<p>Lorem ipsum...</p>

CSS

#container { position: relative; border: 1px solid red; }
#one { 
    position: absolute;
    top: 100%;
    background: blue;
    opacity: 0.5;
}
#one, #two, #three {
    width: 300px;
    height: 200px;
    border: 1px solid #ccc;    
}