JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
  blah BLAH blah
</div>

<div class="img"></div>

CSS

#header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    background: #ccc;
    box-shadow: 0 0 1em 0 #000;
    text-align: center;
}

.img {
    width: 200px;
    height: 200px;
    transform: perspective(900px) rotateY(-30deg);
    background: black;
}