Как сделать изображение адаптивным?

Question

[string001]

Как сделать, чтобы нижнее изображение адаптировалось по высоте? Дело в том, что левый блок с текстом при адаптации под меньшие размеры увеличивается в высоте, и по этому правее блок с изображением не подстраивается . Само изображение мне кажется не предназначено для маленьких экранов. Как быть в этой ситуации? трюки с height: 100% или auto пробовал.

Answer 1

[Elwen]

Самый простой вариант - задать картинку как фон общему контейнеру и добавить ему backrgound-size: cover.

Answer 2

[Максим]

а если height вообще не указывать ?
к примеру так :

img{
display:block;
width:100%;
}

и поместить img в контейнер но уже с размерами