Resize Image for mobile.

I need a code to resize an image when viewed on a phone. I uploaded my own image and placed it at the top of my form. When viewed on mobile, everything but the image is mobile responsive. The image just gets cut off.

I actually had so many problems with mobile view that I need to re-make ALL my forms so this time as I encounter any problem I'm solving it before moving on. Here's what it looks like:

Thanks

Please inject the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

@media only screen and (max-width: 480px) {

#cid_14 img{

    width: 100% !important;

}

}

Result:

Let us know if you need more help, we will be glad to assist you.

That worked, Thanks! I need lots of help. I made forms look great on my laptop but messed up every one for mobile viewing. I now have only one good form all others I need to start over. There is nothing easy about this!

I am glad to know that my colleague's code worked for you. We are happy to help you further with your concerns. I see that you have already posted a thread regarding the design of your form on mobile. We shall assist you with your concerns over there. Here's the link to that thread: https://www.jotform.com/answers/927140. 
Regards.

FYI. it looks good now in portrait but could look better in landscape meaning centered. Here's some screenshots:

Never mind, just discovered the widget, Dangit, wish I knew about that sooner