HTML+CSS+JavaScript

Вот несколько div, помогите пожалуйста исправить, чтоб розовый квадрат изначально занимал свою максимальную ширину, а не минимальную как сейчас и при добавлении 4 картинки - розовый чтобы сжимался, а не уходил за пределы красного квадрата jsfiddle(точка)net/k5m6pkwx/3/

есть решение https://jsfiddle.net/om1qwb8w/3/