Downwards Step 01
This is the first block of the left side. As you scroll down your mouse wheel, this column moves upwards natively into the screen layout like standard web configurations.
Downwards Step 02
This is the second block of the left side. It follows sequentially right behind the first module.
Downwards Step 03
This is the third block of the left side. It anchors the lower segment of the natural structural flow.
Upwards Step 03
This is the bottom block of the right side, but because it is stuck to the viewport, it appears at the very beginning of the layout shift and reveals itself in reverse order.
Upwards Step 02
This is the middle block of the right side, sliding up through the track smoothly.
Upwards Step 01
This is the top block of the right side, hiding away near the floor of the layout container until the final viewport calculations drag it into view.