Canvas blob hover effect animation

Hej im writing to u because i wanna create a canvas blob with hover effect which is taken from this particular
Now the thing is i wanna add a background image to the canvas blob without affecting the hover effect on the canvas blob. im trying to add some svg blob element on html5 and added the required css but im not sure how i can tweak the code within javascript so it can handle svg element paths and son in order for it to work as it should. Therefore can someone please help me solving the problem?
Im attaching the project here now with thr required html5 and css3 and the thing is the javascript from code snippet link i provided needs to be tweaked in a way with svg element and not drawing canvas as it is right nowemphasized text