Recreate page scroll animation

Hello! I’m looking to see if anyone knows how to recreate this animation with the circle numbers sliding down and stopping as it hits the next section as the page scrolls. Cant seem to find any videos or much online. Thank you!

Here is my public share link: LINK
(how to access public share link)

This is very easy to implement, it is just a CSS technique.

Apply following properties to the element.

position: sticky;
top: 10rem;

One thing you have to remember is that any parent element should not have overflow: hidden applied to it or else it won’t work.