Animating a background on hover

Been working on a header for my website the last few days and wanted to do a cool interaction on hover. My idea was to have a background image/video that is sort of distorted when hovering the image/video.

I found this example and fell in love with the function but would want to change the colors to my brand’s colors. However, I am not sure if this is even possible…

This is the cloneable project I want to edit:

Is this even possible and if so, how?

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