Андрей Зырянов

FrontPage!!! Простите :)

А вообще да, любой редактор кода с плагином для лайв-режима. Например Live Server для VSCode.

Можно использовать гриды вместо флексов https://photo-screen.ru/i/MG3L0iORF
Или задать флекс-элементам фиксированную ширину 20%

Разрезаете пунктирную линию на 2 svg (в условии же не было не разрезать пунктир?)
Через z-index одну размещаете впереди картинки, вторую позади.
Позиционируете их, чтобы правильно стыковались.
Анимируете CSS-свойство stroke-dashoffset

.nav-icons у вас не имеет стилей флекс-контейнера. Достаточно добавить ему:

display: flex;
align-items: center;
justify-content: center;

По скрину без ссылки не совсем понятно, но подозреваю, что это swiper с effect: "cards"

К бутстрапу отношусь примерно как к jQuery. Если в легаси он есть, использую и не ропщу. Если нет, или проект новый - не использую.

На css как-то так можно сделать https://codepen.io/viseko/pen/JjJZdBX
Думаю, что грамотнее было бы не изгаляться и использовать SVG.