Complicated Interaction Advice

Hey everyone!
I would like to incorporate this animation to showcase my logo design work. As the user scrolls down, I want this animation to repeat with a new notebook of logos each time.

  • The hand would come from the bottom of the site so you don’t see under it as you scroll.

  • Each logo would be clickable.

  • The logo itself as well as the cutout behind them would change into the colors of the brand’s they represent when hovered over.

  1. How would I do this?
  2. Do you see any issues with this approach from a usability standpoint? What are the pros and cons?
  3. Would this animation slow my site down too much to be worth it if I don’t use any code?

This animation style is being used in video ads, so I like the distinctiveness and consistency of it if it’s doable.

Here is the Read Only link to my current site, but I’m overhauling it so I’m not sure it’s too useful.