Why is the logo not showing right size on mobile?

I have 2 images on my form, the top logo that when I view them on a mobile device the top logo is cut right in half.  What settings or image file types could I use to make this work?  I have attached screenshot for mobile

To get the logo showing correctly on mobile, add the following CSS:

.form-all:before {

    display: inline-block;

    height: 80px !important;

    position: absolute !important;

    background-size: 80px 80px !important;

}

Here is a guide on adding CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes