Super wrong image size , when using mobile phone

Hi can somebody helps me to fix it urgently ? When I use mobile phone . My 4 images are turn out so bigger than I expected , looks like it display the whole screen .And this is not what I want. Yet when I review it on PC, the pictures are turn out good and proper. 

My form is : Survey for Non sales team. 

Could you please specify what is the form in question? This appears to be the last form you edited, but there is no such an image in it: https://www.jotform.me/form/90020984185457 

It is 11 pm here . Can somebody go to my firm and correct this ? 😭 this form will be live Tmr. 😭 

We will be glad to assist you, what is the form where the issue is happening?

Hi David , 

please pass this number to second filed : 200037042 , and click it , fill the name under my name. And scroll up to down. U will see several pictures there 

Hi David , please pass the code number I sent and click below button , I use spreadsheet widget form . Scroll to down and u see multiple pictures which display the whole screen. I dun want my user to see such whole screen pic rather 4 pictures next to each other. This is just for information.

I got it, let me work on a CSS code to resize them in mobile view. I will get back to you soon.

Hi David , thanks u so much . It is 11 here. And I am using phone opening jotform which is not really help unless CSS code injection on PC. Please assist to inject code and I am waiting your output :)

Please check again your form in your mobile, I have injected the following code:

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

#id_76,#id_77{

    width: 20% !important;

}

#id_78,#id_79{

    width: 30%  !important;

}

}

Result:

Let us know if you need more help.