Как сделать чтобы картинка при display flex пропорционально с экраном уменьшалась?

Question

[Monile]

Часть картинки уходит и появляется горизонтальный скролл, но мне нужно чтобы мой блок уменьшался пропорционально экрану. Вот тут код перепробовал все что нашел в интернете, но никак не могу решить данную проблему. Тык

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/DelphinPRO/h6mkz4dr/
min-width:0;

Comments

[Monile]

Спасибо помогло, а можно ли как-то высоту картинки одновременно уменьшать, чтобы на телефонах она смотрелась нормально?

[Monile]

Rubix, можно ли как-то сохранить качество картинки при уменьшение, а то на телефонах вообще плохо смотрится?

[Monile]

Rubix, нашел как.