Making images responsive

How to make my inserted images in a text responsive? I've tried it with the next code but nothing happens.

Code: Select all

img {
    max-width: 100%;
}

Could you help?

preview on http://wkr.pimrozendaal.nl
Joomla: 2.5.18
Latest template version: Gavern v.3.10.1
Screenshot:

notresponsive.png

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

img {width: 100% !important; height: auto !important}


Remember to enable "CSS override" in template settings - advanced section.