Animated Gradient CSS for Upfront Region

Greetings WPMU!

I came across a CSS Tool that creates an animated gradient ( Pretty awesome.

I've added the generated CSS to a region's CSS (Region 2) on the homepage of to test the design. I'm noticing that some of the CSS isn't fully recognized or possibly just not configured correctly. I've added a few element ID's via the element selector, tho I don't think everything is quite right. I'm able to view the preview (Screenshot 1) in the Upfront editor, though on the live site, the region background only displays white/blank.

Et seems that part of the CSS is functioning, though not the whole sequence in the Upfront Editor Mode.

Hopefully you can help me to innerstand the issue here.

Much Love,
Ciro Bey