How can I make my logo responsive?

The logo image does not adapt with the device or orientation. On the phone you only see part of the larger image. 

Is there a way to make the logo responsive as well?

You can add some custom CSS to fix that.

Here is my solution: https://form.jotform.com/80004294907959

If you want that result, Inject the CSS code you see below:

@media (max-width: 600px) {

  .form-all:before {

    height: 150px;

    top: -160px;

    background-size: contain;

  }

  .form-all {

    margin-top: 150px !important;

  }

}

Here is a guide on How to Inject Custom CSS Codes

There is also a solution where you remove your logo and add it as an image using the image component in your form.

DEMO: https://form.jotform.com/80003609507954

Thanks