Workit - Responsive landing page

This project made me realize that creating a curved element is not as easy as I thought. I used the border-radius property to set the header section style but soon created a problem of my own, an overflow to the right direction (which I didn't notice initially). I was so frustrated at some point that I couldn't decide on what to do with it. I felt like I was forced to cheat 😅 in a way - I don't like the solution I came up with at the end as well. I set the overflow-x: hidden property on the whole body. So if you think there is a better solution to achieve a curved shape element than this (without creating many issues), I would really appreciate it if you let me know