I'm getting that black line when I shrink the screen
code:
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#F3F4F5" fill-opacity="2" d="M0,96L20,112C40,128,80,160,120,149.3C160,139,200,85,240,90.7C280,96,320,160,360,197.3C400,235,440,245,480,229.3C520,213,560,171,600,165.3C640,160,680,192,720,197.3C760,203,800,181,840,154.7C880,128,920,96,960,106.7C1000,117,1040,171,1080,186.7C1120,203,1160,181,1200,170.7C1240,160,1280,160,1320,170.7C1360,181,1400,203,1420,213.3L1440,224L1440,320L1420,320C1400,320,1360,320,1320,320C1280,320,1240,320,1200,320C1160,320,1120,320,1080,320C1040,320,1000,320,960,320C920,320,880,320,840,320C800,320,760,320,720,320C680,320,640,320,600,320C560,320,520,320,480,320C440,320,400,320,360,320C320,320,280,320,240,320C200,320,160,320,120,320C80,320,40,320,20,320L0,320Z"></path>
</svg>
<div class=" bg-customWhite h-80">
<section class="w-full lg:w-[740px] mx-auto py-50">
</section>
</div>
</div>