I am trying to create a page that has multiple sections set to a height of 100vh so that each section fills the browser window when it comes into view. My problem is when I resize the window height the text and image elements do not stay stationary within the section and overlap to another section instead.
To give you a better idea of what I am trying to achieve have a look at this site: https://yalantis.com/
Notice how when you scroll down to the "Homesway" and "Talos" sections and you resize the height of the window the image and text elements stay stationary. This is what I am trying to achieve.
Here is my share link and I what I have so far if it helps:
Btw, "Work Copy" is the working page related to this issue.