JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myclass">
    <div>Cool content is cool</div>
</div>

CSS

.myclass:after { 
   content:"";
   display:table;
   width:100px;
   height:100px;
   background:#f7f7f7;
   position:absolute;
   top:0;
   left:-1px;
   z-index:0; }
.myclass > div {
   position:relative;
   z-index:10; }   
.myclass { 
   z-index:1;
   position:relative; }