How can i replicate this scrolling effect

i was wondering how to create a effect similar to the one on this site: https://clickup.com/

i am talking about the section under the header where when you click any of the icon the icons slides to the center of the screen and the image underneath changes.

I think it may be done using the tab element, and i kinda now how to get the semi looping/infinite effect (if you scroll long enough it ends) but i have no idea how to make the icon move to the center of the screen when clicked.

Any ideas? thanks a lot


Here is my site Read-Only: LINK
(how to share your site Read-Only link)