Background image did not repeat via iframe

My form appears fine directly  from jotform.com : 

https://form.jotform.com/82906715910156

i.e. the form scrolls up and down when I move the scroll bar up & down. Background does not move.

But, after i copy the iframe code - see: 

https://www.stormingrobots.com/prod/legosoccer/signupFreeSessions.html

the background scrolls with it.. Thus,  background is off - see the attached image. 

That happens because of the height of the Iframe code. I would suggest you to try embedding your form with the "Embed" code: 

If you need to still use the Iframe code, please try injecting the following CSS code in your form:

html.supernova {

    background-repeat: no-repeat !important;

    background-attachment: fixed !important;

    background-size: cover !important;

}

Let us know if you need more help.

 This guide will help you inject the CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

The embedded script does not work either.  

But the supernova css method works.

html.supernova {

   background-repeat:repeat !important;

    background-attachment: fixed !important;

}

Thank you. 

I have checked the web page and the background still seems to be scrolling. However, the injected CSS code is working as expected on the form. If you still need any further assistance, please let us know. We will be happy to assist.