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