JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="box-1"></div>
  <div class="box-2">content of box-2</div>
</div>

CSS

.wrap {
  position:relative;
  width:300px;
  height:450px
}
.box-1 {
  position:absolute;
  top:25px;
  left:0;
  z-index:1;
  width:300px;
  height:400px;
  background:deeppink
}
.box-2 {
  position:absolute;
  top:0;
  left:25px;
  z-index:2;
  width:250px;
  height:450px;
  padding:25px;
  box-sizing:border-box;
  background:yellow
}