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

Страдать. Дизайнер явно не понимает как работает веб и пришёл из верстки плакатов на стену.

Денис Инешин,

:D
Ясно, Спасибо

an, Есть ещё другой вариант.
Прийти к дизайнеру и сказать: "Слушай, мне так понравилось, прикольно, красиво, свежо. Но нужно всё переделать."
И дальше рассказать про переполнение текста, про разность рендеринга шрифтов, про адаптивность.

Ну а если заказчик настаивает - то сказать что это займёт любое подходящее лично Вам количество времени и в путь дорогу.

Тут на тостере про это спрашивают раз в месяц примерно. В некоторых ответах есть решения на js, которые соединяют шаги линиями. Можно взять реализацию за основу и допиливать, если не подойдёт.

Я таких дизайнеров называю иллюстраторами

Вадим,
:D
да я думаете поиском не пользовался тут? )
видел кучу похожих реализаций, но там как бы технически более правильно сделано
а тут немного геморройно

Антон Литвиненко, э как вы завуалировали слово-характеристику на букву П

an,

"Слушай, мне так понравилось, прикольно, красиво, свежо. Но нужно всё переделать."
И дальше рассказать про переполнение текста, про разность рендеринга шрифтов, про адаптивность.

И при этом попросить нарисовать кучку разных вариаций этого блока для "чуть побольше шрифт", "чуть поменьше шрифт", "чуть больше строк в этом блочике" и т.д., короче под разнообразные переполнения.

А так да, картинка фоном. Поверх текст гридами или абсолютом.