JSFiddle - React, Tailwind, and code Playground

by Konstantin Rouda

HTML

<section class="c-parent">
  <div class="c-child c-child--first">First</div>
    <div class="c-child c-child--second">Second</div>
</section>

CSS

* {
  box-sizing: border-box;
}

.c-parent {
  position: relative;
  width: 700px;
  height: 900px;
  border: 1px solid;
  background: rgba(0, 100, 0, 0.23);
  
}

.c-child {
  position: absolute;
  width: 300px;
  height: 370px;
  background: gray;
}

.c-child--first {
  top: 10rem;
  left: 10rem;
  z-index: -1;
  background: cornflowerblue;
}