JSFiddle - React, Tailwind, and code Playground

HTML

<div style="transform:rotateY(30deg) rotateX(-30deg);">
    <div style="transform:translateZ(30px)">
    <div style="transform:translateZ(30px)">
    <div style="transform:translateZ(30px);overflow:hidden"><!-- here's the overflow:hidden -->
    <div style="transform:translateZ(30px)">
    <div style="transform:translateZ(30px)">
    <div style="transform:translateZ(30px)">
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
</div>

CSS

div{
    transform-style:preserve-3d;
    background:(255,255,255,0.5);
    border:2px solid red;
    padding:10px;
}