Вертикальная линия в центре блока, как?
Не поленился и реализовал прям Ваш пример https://jsfiddle.net/aefq89h9/ хотя сначала просто хотел на словах расписать))
Либо вот https://jsfiddle.net/ckLz0x3c/ еще один вариант, т.к. при адаптивности лучше бы знать точно расстояние от линии.
В общем можно еще много вариантов придумать, но, надеюсь, смысл Вам понятен.
вот нагуглил,в принципе идея должна быть понятно, а вот круги можно сделать через псевдоэлементы 
https://codepen.io/Acconut/pen/ftFaw
 и вот индусавидео https://www.youtube.com/watch?v=B1WYeCf186Q