Вёрстка карточного адаптивного элемента

Доброго времени суток!

Есть следующая задача: создать адаптивный карточный элемент, имея фото.

Размеры и цвета не имеют сильного значения т.к. это будет дорабатываться и изменяться в будущем.

Основной критерий - адаптивность по высоте. В зависимости от того, сколько текста ( может быть как предложение так и 10 строк ), в зависимости от кол-ва тегов ( синие блоки, минимум может быть 1, максимум 20 ), в зависимости от смайликов, их может или не быть, или быть очень много ( то есть может образовываться мульти строчность ).

Из технических ограничений: чистый html5 + css3. Без препроцессоров и библиотек.