WANT overlapping sections on scroll

Howdy y’all-

I have 6 or 7 sections in a page, and I’m looking to create a scroll effect in which each section covers the previous section as you scroll down.

Additionally, I want:
Feathering between sections (not just a hard line)
A parallax-type effect where there’s a little resistance at the end of each section, making the user ‘scroll a little harder’ to transition between sections.

Apologize if this has already been written, I couldn’t find it.
Cheers and thank you so so much!

See the web version here www.marshallrobbins.design/explore-2-0


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