Hi everyone! First time posting a question in this community, so pretty exciting 
I’m in the middle of building out my portfolio site (https://preview.webflow.com/preview/joon-v3?utm_medium=preview_link&utm_source=designer&utm_content=joon-v3&preview=09da01b22c64090de2c851bccd02a15c&workflow=preview), but am stuck with a specific hover animation I’m trying to implement from Codepen (https://codepen.io/aaroniker/pen/VwjeGLm). What I’m trying to do is to add the link hover animation to the word “fiddle” on my site (you’ll find the word right below “Joonseo Chang”). I’ve already added a different Webflow interaction (showing/hiding a Hero Background image) to the word Fiddle, but want to add the link hover animation on top of this Webflow interaction. How should I tackle this issue?
Here is the live site: https://www.joonseochang.com
Any help would be really, really appreciated. Been watching hours of tutorials and guides, but can’t seem to get it. I do know HTML/CSS but have never used it in coordination with Webflow.
Here is my site Read-Only: https://preview.webflow.com/preview/joon-v3?utm_medium=preview_link&utm_source=designer&utm_content=joon-v3&preview=09da01b22c64090de2c851bccd02a15c&workflow=preview