Responsive Landing Page with Curved sections

Hello!

This is my third challenge and I selected this one because of the curved sections and to try using SVG. I initially tried to copy the SVG tag and paste it on the HTML file however there was a whitespace below for the upper curves. I tried to check if it was a border, padding or margin but it did not worked. I've also searched about it and some says you need to change the orientation which I tried however it only changed the size of the curve. I then used img tag to refer to the SVG files and the whitespace disappeared. If anyone encountered the same issue and was able to remove it with the SVG tag in the HTML file, please let me know and I will highly appreciate it.

Thank you :)