Parallax Scroll creating unwanted whitespace at the bottom of the page

Hi all!
So been messing around with parallax effect on scroll. Everything seems to be working fine until we reach the bottom of the page where there is this white space that is being created as the sections that have the parallax effect applied on them have moved up. It’s like the the space was create for the section that ‘should have’ been there but isn’t. Tried to nest all the sections in a div and hide overflow that did not work. Hoping I’m not the only one who has encountered this before.


Here is my site Read-Only: LINK
(published site link here)