Какой родительский элемент у изображения?

[NatalyaY]

Коллеги, прошу помощи.

Есть задача сделать размер изображения адаптирующимся к размеру содержащего ее контейнера. Задание ширины в % помогает, задание же высоты в % не меняет ровным счетом ничего. Подозреваю, что родительским элементом для этой картинки почему-то считается не ее контейнер, а что-то другое. 

_https://codepen.io/NatalyaY/pen/LMdgWv_

Прошу помочь разобраться. Еще раз резюмирую задачу - нужно чтобы картинка занимала не более 90% по высоте или ширине от размеров div detailed-image-container (насколько я понимаю, второй div с классом detailed-image-frame формируется под размер контента в нем - т.е. самой картинки), структуру div нужно сохранить.

Edited January 5, 2019 by NatalyaY

[spdif]

.detailed-image-container { padding: 10%; }

 

[NatalyaY]

54 минуты назад, spdif сказал:

.detailed-image-container { padding: 10%; }

 

не то. Поля просто разово уменьшают изображение внутри, при уменьшении высоты контейнера высота картинки остается прежней, а мне нужно, чтобы она уменьшалась с уменьшением размера контейнера.