This component takes advantage of the text mask component from framer.supply. The unique trick I've employed here is the usage of a .gif instead of a regular .jpg image.
There are two text mask layers integrated into the component: one has a solid color, and the other features the .gif. These are toggled upon hovering.
You can learn more from my complete tutorial.
Step / 01
Remix the project.
Step / 02
See how it's built.
Step / 03
Recreate it for practice or copy it to your project.