Максим

Если что то не ясно то переспросите

можно svg_хой - я примерно сделал: https://codepen.io/topicstarter/pen/VwbPXEr
а можно просто картинку вставить и не париться

li:first-child

https://unicode-table.com/ru/sets/arrow-symbols/

Есть дополнение такое - lazyLinePainter и вот так я с его помощью накостылил: https://codepen.io/topicstarter/pen/xxdKemy

Что бы сделать по своему надо в область где стрелка перетащить свой svg файл - отредактировать задержки и саму анимацию и скачать zip

Можно просто сменить цвет заливки при наведении ...
SVG как раз даёт такую возможность

Если вопрос о этих полосках

.container и всё

называться он может по разному - wrapper items на сколько фантазия развита

https://codepen.io/topicstarter/pen/WNpgpPZ - дальше медиа запросы ....сделано на grid + flex

Вот так делают, в самом svg убирают fill/ stroke/ stroke-width а стилизуют в css и работает это вот так

Примерно так: https://codepen.io/topicstarter/pen/XWMYjMG

https://getbootstrap.com/docs/4.0/components/carou... смотрите