а в popup добавить их копии, но разве это корректно?
Почему нет? Если дизайн UX\UI не продумал момент правильного "складывания" элементов, то ничего нет страшного если вы сделаете
display: none
\
display: block
на медиазапросах в разных частях кода. За это руки не отрывают.
Как правильно вставить вот эту синюю штуку с 1-2-3? Тупо через position: absolute
вставить куда надо?
Я так понимаю это слайдер, на весь экран - можно его абсолютно прибить к левому краю
body
, и отцентровать по вертикали
left: 50%, transfrorm: translateY(-50%)
Просто через ::before/::after закинуть .svg с треугольником в нужное место?
Да, так как это элемент украшения - то только через псевдоэлементы.