Animated Gradient in CSS issues

Site URL: https://tuna-blue-td3a.squarespace.com/config/design/custom-css

Hi,

I am trying to add an animated background to a website I am building for a client but I can't get it to work - it keeps saying Syntax error on line 1. I've generated the code from https://www.gradient-animator.com/ and also tried https://codepen.io/quadbaup/full/ZEQqzqM.

I followed the instructions on the Marskmen website to no avail.

This is the code I've dropped into the Custom CSS area of Squarespace:

#data-section-id="612c8e6d7d669533c4ef68a1 { @-webkit-keyframes Gradient {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@-moz-keyframes Gradient {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes Gradient { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}}

Please help! I also need to apply this gradient to the footer behind a form, like on this site:

https://www.20k.org/

Thank you!

Diya

I see the gradient worked here. Do you still need help?