JSFiddle - React, Tailwind, and code Playground

HTML

<div>
&nbsp;
</div>

CSS

body {
  background-color:#91d1c0;
}

div {
  
  height:600px;
  
   background-image: -webkit-repeating-linear-gradient(45deg, transparent 0%,
    transparent 60px,
    rgba(54,57,72,.8) 60px,
    rgba(54,57,72,.8) 100px,
    rgba(50,168,142,.8) 100px,
    rgba(50,168,142,.8) 140px,
    rgba(194,201,147,.8) 140px,
    rgba(194,201,147,.8) 160px),
    
-webkit-repeating-linear-gradient(-45deg, 
transparent 0%,transparent 60px,
    rgba(54,57,72,.8) 60px,
    rgba(54,57,72,.8) 100px,
    rgba(50,168,142,.8) 100px,
    rgba(50,168,142,.8) 140px,
    rgba(194,201,147,.8) 140px, 
    rgba(194,201,147,.8) 160px)
    
    ;
 
}