JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="layer-1">Layer 1</div>
    <div class="layer-2">Layer 2</div>
    <div class="layer-3">Layer 3</div>
</div>

CSS

.main {
    width: 400px;
    height: 400px;
    border: solid 2px #ccc;
}

.layer-1, .layer-2, .layer-3 {
    position: absolute;
    width: 300px;
    height: 50px;
    z-index: 1;
}

.layer-1 {
    background: yellow;
    top: 50px;
    left: 50px;
}

.layer-2 {
    background: green;
    top: 90px;
    left: 70px;
    z-index: 2;
}
.layer-3 {
    background: blue;
    top: 130px;
    left: 90px;
}