Как регулировать изменения, при разных масштабах экрана?

Question

[Demigodd]

https://jsfiddle.net/hr975unz/

В коде есть один главный блок( .content ) он в центре страницы.
Внутри него 2-а блока .image и .text.
При уменьшения масштаба все картинки смешаются в верхний левый угол.
А при увеличений вовсе выходят из своего блока.
А текст то становиться совсем маленьким, вообще невозможно читать, то во весь экран и перекрывает все содержимое.
Как все это максимально оптимизировать, для разных масштабов. Какие есть самые оптимальные варианты ?

Answer 1

[Lander]

Самый оптимальный вариант - это медиа-запросы