JSFiddle - React, Tailwind, and code Playground

HTML

<section>
		<div>
            <p> Section 1</p>
		</div>
	</section>
	<div class="border-black-white"></div>
	<section>
		<div>
            <p> Section 2</p>
		</div>
	</section>
    <div class="border-black-white"></div>
	<section>
		<div>
            <p> Section 3</p>
		</div>
	</section>

CSS

.border-black-white {
	border-color: transparent transparent #fff #2d2d2d ;
	border-width: 0 0 60px 2600px;
	border-style: solid;
}
.border-yellow-white {
	border-color: transparent transparent #fff transparent ;
	border-width: 0 0 60px 2600px;
	border-style: solid;
}
section {
	width: 80%;
	margin: 0 auto;
	padding: 3em 10%;
}