How to fix Browser not showing the relative position correctly

I just finished a website, where the 1st section is sticky and the other ones go over it. So, for that, I used sticky for the 1st section, and for the rest, I used relative position. But I noticed after publishing the website that while navigating inside safari or chrome some of the sections with relative positions appear to have no bg color (even though they do) or I notice some distance between them (even though there is no distance between them) so you can actually see the first section while scrolling…
Why is that happening? Does someone have had any experience with this issue?

Live link: Webflow - Chirp Website


Here is my site Read-Only: LINK
(how to share your site Read-Only link)