JSFiddle - React, Tailwind, and code Playground

by _sir

HTML

<div class="one">
  <div class="two"></div>
</div>
<div class="three"></div>

CSS

div { width: 200px; height: 200px; box-sizing: border-box; }
.one { background: #ccc; position: relative; z-index: 100; padding: 50px; }
.two { width: 100px; height: 100px; z-index: 200; background: #AAC; }
.three { position: relative; z-index: 150; margin-top: -100px; margin-left: 75px; background: #ACA; }