JSFiddle - React, Tailwind, and code Playground

HTML

<div class="below">
    <div class="above">Oben!</div>
</div>

<div class="middle"></div>

CSS

.below{
    background-color:#660066;
    width:400px;
    height: 300px;
    z-index:0;
}

.middle{
    position:relative;
    background-color:#003399;
    width:360px;
    height:260px;
    left:20px;
    top:20px;
    z-index:1;
}

.above{
    position:absolute;
    color:#ffffff;
    font-size:60px;
    z-index:2;
}