JSFiddle - React, Tailwind, and code Playground

CSS

body {
  background: tan;
  position:relative;
  
}

body:after {
  position:absolute;
  content:"";
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background-image:  linear-gradient(to top, red, rgba(0,0,0,0));
}