JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<div id="custom">
    <h1>Some details</h1>
    <p>Some content.</p>
</div>

CSS

#custom, #custom::before, #custom::after {    
    border: 1px solid #000000;
    height: 250px;
    width: 250px;
}
#custom {
    background: #c3c3c3;
    position: relative;
}
#custom::before, #custom::after {
    background: #ffffff;
    content: "";
    position: absolute;
}
#custom::before {
    bottom: -7px;
    right: -7px;
    z-index: -2;
}
#custom::after {
    bottom: -4px;
    right: -4px;
    z-index: -1;
}