Form not displaying properly on iPhone

I'm having an issue with my form not displaying properly on iPhones only. It works on Android and PC. The issue is that the color of the form should be translucent, with a fixed image of a dog as the background. What displays on the iPhone is a solid form with no visible image. At one point the image did show through, but was not fixed and was repeating. It was when I changed that setting that the problem occurred. Attached image is screenshot from an iPhone 6 Plus.

Please try adding this Custom CSS Code to your form:

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 

.supernova {

    height: 100%;

    background-repeat: no-repeat;

    background-attachment: fixed !important;

    background-position: center !important;

    background-size: cover !important;

}

} 

To add a Custom CSS Code to your form, please follow this link: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Result:

I hope that helps. Please try it and let us know how it goes.

Thank you so much!!! It worked!
Cheers,
Elise Hart
...