JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" aria-haspopup="true">    
    <div class="upper">
    </div>
</div>

CSS

#container {
    position: relative;
    height:362px;
    width: 282px;
    margin: 0 auto;
}
#container div {
    position:absolute;
    left:0;
    top:0;
    width:242px;
    height: 322px;
    padding:20px;
    background:#463;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -ms-transition: 1.5s ease-in-out;
    -o-transition: 1.5s ease-in-out;
    transition: 1.5s ease-in-out;
}

#container:hover div.upper {
    -webkit-transform: perspective(800px) rotateY179.9deg);
    -moz-transform: perspective(800px) rotateY(179.9deg);
    transform: perspective(800px) rotateY(179.9deg);
}