JSFiddle - React, Tailwind, and code Playground

HTML

<div id="gradient">
</div>

CSS

#gradient {
    width: 100%;
    height: 200px;
    background-image: -webkit-linear-gradient( 135deg, #D7EFE7, transparent 45% ),
		              -webkit-linear-gradient( -45deg, #F7EF8F, transparent 45% );
	background-image:         linear-gradient( 135deg, #D7EFE7, transparent 45% ),
		                      linear-gradient( -45deg, #F7EF8F, transparent 45% );
}