JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div id='effect3d'></div>

CSS

div {    
    width:300px;
    height:200px;
    background:url(http://placekitten.com/300/200);
    border:2px solid red;        
    margin-left:100px;
    margin-bottom: 0;
    margin-top: 5px;
}
#effect3d {
    margin-top: 0;
    border-top-width:4px;
    border-bottom-width:1px;
    -webkit-transform: perspective(200px) rotateX(40deg);    
}