JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="inner">
  </div>
</div>

CSS

.container {
  display: inline-block;
  margin: 10px;
  width: 50px;
  height: 50px;
  background-color: red;
  position: relative;

}

.inner {
  top: 5px;
  left: -10px;
  right: -50px;
  bottom: -10px;
  background-color: green;
  position: absolute;
  z-index:-1;
}
.container:not(:first-child) {
  z-index:-2;
}