How are such landings implemented?

Question

css

Good afternoon!
There is an example of a landing template
. I am interested in the implementation of such landings, namely:
1. When scrolling, there are fixed blocks with background-image, and on top of them there are blocks / sections that "respond to scrolling". It can be seen that there are at least three such fixed background-images in the template. How to arrange them? What properties to set them?
The f12 debugger did not help me figure it out ..((
2. What is the name of this approach in layout (if it even has a name)?
I would be grateful for an answer.

Answer 1

It seems that there are just divs one after another and each div has its own background with a fix, as well as the content that goes on top and sets the height.
HERE
codepen.io/anon/pen/rjoyxv

Answer 2

I think it will work if the values ​​are twisted Simple Parallax Scrolling

Answer 3

Something like this

Answer 4

webdesignmaster on his channel posted a detailed video of the layout, including using a similar effect