How to create a section parallax one after another on scroll?

Dear Community Members,

How can I create a section Parallax transition, Like its appearing one after another on the scroll?
The second section should stick and start scrolling up where the first one ends.
I have attached the animation for the reference below.

Section-Transition

set second animation to start after previous animation ends.
same with third.