JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div class="ct"></div>
<div class="top"></div>
<div class="bottom"></div>

CSS

div {    
    width: 300px;
    height:80px;
    margin:40px;
    background-image: url('http://rtjansen.nl/images/stackoverflow.png');
}

.ct {
    -webkit-transform: perspective(100px) rotateX(-25deg);
    -webkit-transform-origin: left center;
    transform: perspective(100px) rotateX(-25deg);
    transform-origin: left center;
}
.top {
    -webkit-transform: perspective(100px) rotateX(-25deg);
    -webkit-transform-origin: left top;
    transform: perspective(100px) rotateX(-25deg);
    transform-origin: left top;
}
.bottom {
    -webkit-transform: perspective(100px) rotateX(-25deg);
    -webkit-transform-origin: left bottom;
    transform: perspective(100px) rotateX(-25deg);
    transform-origin: left bottom;
}