JSFiddle - React, Tailwind, and code Playground

HTML

<div class="substrate">
  <div class="overlay">

  </div>
</div>

CSS

body {
  background-color: #000000;
}
.substrate{
  width: 100%;
  height: 200px;
  background-color: #ffffff;
}
.overlay{
  width: calc(100% + 6px);
  height: 110px;
  background-color: #00ff00;
  position: relative;
  top: 45px;
  left: -3px;
  transform: rotate(8deg) skewX(8deg)
}