Как сверстать такую соединительную линию?

Question

[GunAlv]

https://codepen.io/GunAlv/pen/PoGyxPJ

Сейчас примера ради линия сверстано тупо и с помощью псевдоэлементов. На практике первый и второй блоки никак не связаны друг с другом разметкой, они могут находиться в разных секциях. Суть в том, чтобы линия эта была изогнутая и адаптивная. Кажется, svg подходит больше всего? Но пока не приходит в голову, как правильно задавать ей размеры — размеры блоков и расстояние между ними вертикально-горизонтально могут меняться

Comments

[Ankhena]

https://github.com/anseki/leader-line