Как создать вертикальную линию с временными отметками и кружочками в HTML, CSS?

Также нужно, чтобы верстка оставалась адаптивной и не ломалась (не смещалась/накладывалась на другие элементы страницы) на разных разрешениях экранах. Спасибо!