Резиновая картинка - Joomla 3.x: Шаблоны, разметка и макеты вывода

Извините за нубский вопрос.
Есть картинка большого разрешения.
В стандартной теме protostar запилил картинку на главную.
Нужно чтобы размеры картинки автоматически подбивались соответственно размеру окна/экрана,  какой код вставить в template.css?
Спасибо

max-width

А можно полный код, а то я полный нуб...
Что бы я сделал ctrl+c ctr-v и все заработало )))

Код

.class-izobrajeniya { max-width: 640px; width: 100%; }

Мне нужен полный код файла template.css
Указанный Вами код не работает ни в пустом файле template.css, ни в оригинальном заполненном файле template.css от темы protostar, где очень много строк.

А можно полный код, а то я полный нуб...
Что бы я сделал ctrl+c ctr-v и все заработало )))

Улыбнуло)))
В редакторе пропишите картинке класс class-izobrajeniya, как вариант)

Всем спасибо за ответы!

Обозначение класса в CSS, да и вообще задействование CSS не дало 100% положительный результат - в Mozilla и Chrome все отображалось корректно. В експлорере и адблок браузер картинка отображалась некорректно - при загрузке страницы картинка отображалась исходного размера, тоесть картинка вылазит за пределы экрана.
Проблему решил, отказавшись от файла *.css и прописав в index.html <img src="img.jpg" style="max-width: 100%; height: auto;" />
При этом от Joomla пришлось вообще отказаться и создать просто файл index.html.
Как это дело заставить работать в Joomla, тема протостар, используется бутстрап, я так и не понял.