hzzzzl

translateY(-50%)

на очень скорую руку и совсем не адаптивно



svg online: https://editor.method.ac/

попробуй это расширение для хрома, это наверняка исходники css перед компиляцией в один файл стилей
https://qna.habr.com/answer?answer_id=1593003#answ...

в самом index.html есть такая строчка

view-source:https://rishele.net/

$(".phone").mask("+7(999) 999-9999");

только шутка в том, что по ходу нельзя заменить "любую цифру" на "конкретную цифру"
https://github.com/digitalBush/jquery.maskedinput

попробуй добавить

.icon {
    margin-bottom: auto;
}

на этих двух примерах работает

см в код, они дублируют все слайды в .row, чтобы на экране справа появлялись копии вместо белого места,
а в css прописана анимация так:

@keyframes slide {
	0% {
		transform: translate(0, 0);
	}
	100% {
                /* хитрый момент */
		transform: translate(calc(170px * 20 * -1), 0); 
		/* each image element is 170px wide and there are twenty (before repeats) */
	}
}

сейчас придет кто-нибудь и нарисует svg, но я не умею, а на css/scss можно начать как-то так

.stars:nth-of-type(2) {
  display: none;
}

https://developer.mozilla.org/ru/docs/Web/CSS/:nth...

найти готовый
kodhus.com/newsite/step-progress-bar-css-only

flex-basis первому на 100%, остальным на треть ряда