JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contenedor">
<div class="arriba">Yo estoy arriba
</div>
<div class="abajo">Yo estoy abajo</div>
</div>

CSS

.arriba {
position: absolute;
width: 100px;
height: 100px;
color: #fff;
z-index: 2;
background-color: red;
padding: 10px;
}
.abajo {
    position: absolute;
    z-index: 1;
    width: 150px;
    left: 50px;
    color: #fff;
    padding: 10px;
    right: -20px;
    background-color: orange;
    text-align: right;
}