JSFiddle - React, Tailwind, and code Playground

HTML

<div class="unten">

</div>

<div class="oben">

</div>

<div class="mitte">

</div>

CSS

.unten {
  width: 400px;
  height: 200px;
  background-color: gray;
}

.mitte {
  position: absolute;
  z-index: 2;
  top: 25px;
  left: 50px;
  width: 300px;
  height: 150px;
  background-color: blue;
}

.oben {
  position: absolute;
  z-index: 3;
  top: 50px;
  left: 100px;
  width: 200px;
  height: 100px;
  background-color: red;
}