JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mask"></div>

CSS

body{
  margin: 0;
position: relative;
}
.mask{
  position: absolute;
top:0; left:0;
  width: 100%;
  height: 100%;
  background: #111;
  transform: translateX(80%);
}