Custom background image expands super large

My custom background image expands super large and distorted on all screen sizes and devices.

The form is embedded via javascript.

It looks normal in the JotForm builder preview. I used v4 beta to build it.

That is odd. The background image shows expanded, but when I cloned your form,  it shows fine in the cloned version: https://form.jotform.com/70239244947967 

Please try cloning the form to see if the issue gets debugged in your clone version: https://www.jotform.com/help/27-How-to-clone-an-existing-form-from-your-account 

Let us know if you need more help.

The cloned form is on this page: https://www.farm-equipment.com/farm-catalog/home2

I get the same behavior. Yes, it looks good when previewing in JotForm. But once I paste to a page in my CMS then the enlarged scaling occurs. 

I narrowed it down to the "cover" attribute. If I don't use "cover" and instead use "fixed" or "repeat" then the image displays correctly.

Do you have any work-around ideas? Custom CSS to further define the "cover" attribute? Edit the resolution and pixel size of the image?

That's odd, if you look at your form's direct link, the background is shown fine: https://form.jotform.com/70246817927161 

Please try removing your form from your page, and embed it again using the Iframe code: https://www.jotform.com/help/148-Getting-the-form-iFrame-code