JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bg"></div>
<div id="content">content</div>

CSS

#bg{
position:absolute;
z-index:0;
left:0px;
right:0px;
height:200px;
background: #049b9b;
background: -moz-linear-gradient(top,  #049b9b 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#049b9b), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #049b9b 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #049b9b 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #049b9b 0%,#ffffff 100%);
background: linear-gradient(top,  #049b9b 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049b9b', endColorstr='#ffffff',GradientType=0 );
}
#content{
position:relative;
z-index:1;
}