Resized image contact

Good evening.
I can not get the page image Contact decrease as change the resolution - tablet or mobile.
I have already entered in the css and nothing happens. The image remains on the larger size. How do I get it to be resized?
Thank you.
http://www.joiasetc.com.br/index.php/contato

"I have already entered in the css" - where exactly have you entered "the css"?

I tried at all!
small.tablet.css
tablet.css
small.desktop.css
mobile.css
template.css
And none of them work, not appear when using the "Inspect element" of the browser ...
I tried to set @media - putting
.contact-image {
margin: 0;
width: 100%! important;
But it did not work ...
Thanks for your help,
Marcia

Please put the code into override.css and enable its use in template settings - advanced section. Then please write back.

I also put in override.css and still does not work.
The image does not resize.
I do not understand what happens!
Thanks & Regards,
Marcia

You should use:

Code: Select all

.contact-image img {
   margin: 0;
   width: 100% !important;
}


instead of:

Code: Select all

.contact-image {
   margin: 0;
   width: 100% !important;
}