JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<div class="block"></div>
<div class="border"></div>

CSS

body {
    background: #222222;
}
div.block {
    border-radius:10px;
    width: 900px;
    height: 500px;
    margin-top: -150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0;
    -moz-transform-origin: 50% 100%;
    -moz-transform: perspective(400px) rotateX(25deg);
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: perspective(400px) rotateX(25deg);
    transform-origin: 50% 100%;
    transform: perspective(400px) rotateX(25deg);
    background: url(http://placehold.it/900x500/333333);
}
div.border {
    height:15px;
    width:891px;
    background:#444;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0;
    border-radius:5px;
}