JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wave-container">
				<svg viewBox="0 0 500 500"  preserveAspectRatio="xMinYMin meet">
			    	<path d="M0,95 C90,130 250,0 500,100 L500,00 L0,0 Z" style="stroke: none; fill:#e0efe3;"></path>
			  	</svg>				  
			</div>

CSS

.svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.wave-container {
  display: inline-block;
  position: absolute;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
}