JSFiddle - React, Tailwind, and code Playground

HTML

<div id="skew"><div class="skew"></div></div>

CSS

/* Skew the container one way */
#skew {
    padding-bottom: 20%;
    overflow: hidden;
    position: relative;
}
.skew {
    background: #000;
    position: absolute;
    top: 30%;
    right: 8%;
    left: 8%;
    height: 100%;
    transform: skew(-8deg, -8deg);
}