Как сделать, чтобы это поп ап окно было без прокрутки справа?

Кто-нибудь сталкивался с тем, что position:sticky; top: 0; Отлипал в конце скролла родительского контейнера? Как с этим бороться или что не так?

что-то в полное высоту оно так и не хочет распрямляться, хоть height: 500 хоть 800 ставь

max-height убери или установи на 100%.

Помогите bg задать за картинкой))

Как в дизайне

https://dev.expclan.org/ не могу понять как сделать)

в aftrer и before не получается, тогда bg саму картинку перекрывает)

как сделать 100vh высоту секции чтоб нормально помещалось на safari если webkit-viewport available не работает

все лежит в контейнере, как меньшить отступы сбоку от краев экрана?

Изменить ширину контейнера.

Добавь медиа-запрос для больших разрешений.

Как мерить экран в js? Событие resize реагирует только если ширина изменяентся. Или вообще ничего слушать не нужно может?

Хочу по умолчанию добавлять класс элементу, если экран меньше, чем Npx

Да, слушать resize ну нужно, можно сразу в условие писать innerWidth

возвращаясь к svg
в общем то попробовал вставить через object и есть два момента
1) если высота равна ширине, но отличается от 100*100 то object пропадает, в инспекторе у него размер 0*0
стоит изменить размер на пиксель и все отлично
2) все же не получается менять цвет

Что делаю не так?

выложил сюда
https://forclientstest2020.github.io/

подопытные в html в header>header__nav>header__logo
2 объекта с свг из разных источников
остальное закомментил, что бы не мешало