Почему в данном случаи картинки сплющивает?
Укажите, что изображению нельзя сжиматься - flex-shrink: 0;
В контексте флексбоксов любой элемент ведет себя как флекс блок. Ширина такого блока рассчитывается исходя из содержимого и параметров flex-grow, flex-shrink, flex-basis.
Можно еще использовать для ограничений max-width, min-width, но я считаю, в данном контексте это костыль.
я там посмотрел ваш пример и добавил и убавил текст изображение какое было такое и осталось