Как разрешить изменение размера img с помощью flexbox внутри div ⇐ CSS

[Anonymous]

Возможно, это повторяющийся вопрос, но я не смог найти полезных советов для своего случая.
Здесь я хочу, чтобы элемент изменял свою ширину. и высота во флексбоксе, содержащемся в . В настоящее время он никак не меняет свой размер (практически не реагирует на изменение размера окна). Возможно, проблема связана с попыткой поместить флексбокс внутрь флексбокса. Моя цель — добиться пропорционального изменения размера внутри флексбокса или хотя бы упростить мою систему флексбоксов.
Это фрагмент CSS:

Код: Выделить всё

.main > div {
display: flex;
flex-direction: row;
}

.card {
flex: 5;
display: flex;
flex-direction: row;
}

.tile-image {
align-items: center;
float: left;
flex: 3;
}

Кстати, в моем фрагменте нечего запускать, только что сделал это так, потому что это проще.

Подробнее здесь: https://stackoverflow.com/questions/793 ... thin-a-div