Huddle Landing Page with curved sections, using mobile-first workflow

Hi guys, so this is my version of the Huddle Landing page. I really enjoy working on complete page challenges with a header, different sections, and a footer.

2 Questions: In this project I used fluid font-sizes starting on the desktop version like this font-size: calc(2rem + 1v); . Is this common practice or do you just set fixed font-sizes during different media queries?

For the curved edges around some sections, I added 2 img tags before and after the section. One containing the file to the mobile version, the other to the desktop one. In my scss mobile version file I then simply put "display: none" to the desktop version to hide it. Is this a valid approach or is there a better way to hide/display elements during different screen sizes??

Any other feedback/suggestions always welcome :) Happy coding.