Why is the image distorted in preview screen?

I have added a logo to the last page of my form and it looks distorted when I complete/test the form.

What are the size limits/perimeters and acceptable file types to add an image to the form

my form is at https://form.jotform.us/DLAForms/conference-information--registratio

Your image is fine, as you can see in your form: 

It is just how the Preview widget is showing all fields, but you can fix that by inserting the below code in your Custom CSS field:

#previewContainer li>div img {

    max-width: 405px!important;

}

And here is how it would look:

Hope it helps.

Let us know if you have any further questions.

Thank you!

Thank you, is that code supposed to all on one line or separated like you have it in your email, like this?
#previewContainer li>div img {
max-width: 405px!important;
}
Jocelyn Reed
Project and Conference Coordinator
Donate Life America
701 East Byrd Street, 16th Floor
Richmond, VA 23219
804-377-3580(O)
804-377-3590 (F)
Register to be an organ, eye and tissue donor and make LIFE possible.
...

Hi Jocelyn,

Either way you copy/paste the code on your form custom CSS should work. I think your email just parsed the spacing on the code, but it doesn't affect the script function.

So you can just copy the code and it should still work.

#previewContainer li>div img {

    max-width: 405px!important;

}

Let us know if you need further assistance.