Как правильно спозиционировать текст относительно картинки?

Question

[Сергей]

Перевёрстываю старый проект, в нём есть следующее изображение:

Как лучше всего спозиционировать текст, чтобы каждый заголовок располагался относительно элементов картинки? Изображение в формате векторной графики. Раньше делал с помощью js (динамически подгонял высоту блоков с текстом), но этот вариант мне не нравится. Рассматривал также вариант засунуть текст в svg, но там трудности с многострочным отображением, а у foreignObject слишком низкая поддержка браузеров. Есть предложения?

Answer 1

[Дима Долготер]

Я правильно понимаю, чтоб красные фигурки были на одном уровне с заголовком? если так то :after для заголовков и все

Answer 2

[Денис Васильев]

Может к заголовкам добавить псевдо-элемент, задать для него эту иконку с хвостиком и отпозиционировать.