Create gradient background in one section

Site URL: https://bumblebee-tuba-mxmm.squarespace.com/

I am trying to change the background of the Contact Us/Book a Demo section to a gradient.  I found the section ID and have been playing around adding the below to the overall CSS with no luck.  Obviously, I'm missing something!  Any help would be appreciated!!  I'm new to Squarespace but not CSS.  Thanks in advance!

[data-section-id="5ed929b20cfa72666c8da860"] .section-background {
background-image: linear-gradient(to right top, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;}
 

35 minutes ago, EAP said:

Site URL: https://bumblebee-tuba-mxmm.squarespace.com/

I am trying to change the background of the Contact Us/Book a Demo section to a gradient.  I found the section ID and have been playing around adding the below to the overall CSS with no luck.  Obviously, I'm missing something!  Any help would be appreciated!!  I'm new to Squarespace but not CSS.  Thanks in advance!

 

[data-section-id="5ed929b20cfa72666c8da860"] .section-background {
background-image: linear-gradient(to right top, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;}
 

Code seem correctly to me, maybe you should try it in footer:
 

[data-section-id="5ed929b20cfa72666c8da860"] .section-background {
  background-image: -webkit-linear-gradient(bottom left, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;
  background-image: -moz-linear-gradient(bottom left, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;
  background-image: -o-linear-gradient(bottom left, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;
  background-image: linear-gradient(to top right, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;
}

Hang on, it's not working.  I'm seeing the CSS on the actual page.  Did I do it wrong?

I got it.  Forgot to add the style tags!  Thank you so much!!