This is really cool!
Is this as simple as adding the html code in a bloc to the footer using the Code Editor and then adding thee CSS?
You put the HTML (with the code widget) where you want it to display.
You won’t need some of that CSS. exclude the @import, * and body part.
Also take into consideration often CodePens are concepts, that don’t need to play well with other elements on an actual website. This will mess with any other SVG you have on your website. You will need to namespace it.
I will have fun playing around. 
Do all web developers understand the lingo and rules?
https://www.w3.org/TR/REC-xml-names/#sec-namespaces
I didn’t probably use the right lingo. But what I mean is use classes to specifically target what you are doing.
eg. just using svg in the CSS will effect all the svg’s on your page. So use a custom class.
1 Like
Thank you, Pete for making it clearer
There are proper definitions for these things,
eg. name spacing in CSS
But they kind of end up being used as slang.
Most of which you will never use in Blocs.