JSFiddle - React, Tailwind, and code Playground

HTML

<div class="stage">
    <div class="cube">
        <figure class="back"></figure>
        <figure class="top"></figure>
        <figure class="bottom"></figure>
        <figure class="left"></figure>
        <figure class="right"></figure>
        <figure class="front"></figure>
    </div>
</div>

CSS

.stage {
        width: 80vw;
        height: 100vh;
        -webkit-perspective: 800px;
        perspective:800px;
        -webkit-perspective-origin: 50% -240px;
        perspective-origin:50% -240px;
    }