Что бы изменение размера одного блока влияло на размер соседнего

Толком даже сформулировать вопрос не получается чтобы по поисковикам пробить это решение) Поэтому и обращаюсь уже на форум.

Постараюсь объяснить. Есть родительский блок назовем его .col Его размер должен быть фиксированным, не изменяясь в зависимости от содержимого. Внутри этого блока есть несколько дочерних блоков. Каждый занимает полную ширину родительского. Среди них есть три блока о которых идет речь. Расположены они по порядку друг под другом. Назовем их .text1 .photo .text2 Суть в том что по умолчанию в блоках .text1 .text2 ничего нет, и когда они пустые они не должны вообще занимать какое то место. А в блоке .photo располагается фотография которая занимает все выделенное для этого блока место. Но когда в блоке .text1 или .text2 появляется текст (бывает по одному , бывает оба сразу) нужно чтобы блок с фото уменьшался чтобы родительский блок соответственно не менял свой размер. Очень прошу разъяснений как это осуществить.
Для наглядности скрин, где видно как меняется высота родительского блока когда в одном из блоков .text1 или .text2 появляется содержимое https://cloud.mail.ru/public/9k5y/ixbbVrN7D красными рамками выделены места для блоков .text1 и .text2 И ссылка на страницу https://novostroytyumen.ru/residential/aprel/

Вот такая структура https://codepen.io/Danil79/pen/PyLobL Этот родительский блок с его дочерними блоками является элементом цикла. Они будут выводится по 4 штуки в ряд. На данный момент удалось зафиксировать высоту родительского блока, но при этом блоки которые ниже блока Текст 2 начинают плавать и фото не сжимается. Помогите пожалуйста разобраться. Нужно сделать так чтобы и родительский блок и все остальные блоки оставались всегда на своих местах, и только лишь фото должно меняться в размере. Вот сам страница где все это будет находится https://novostroytyumen.ru/residential/aprel/

Решено!
Ответ получил на другом форуме - https://codepen.io/Danil79/pen/ePXpev