imko

Тыкни там в конструкторе вариант "frame", таким образом можно сделать саму рамку в виде отдельного элемента, а контент сам по себе располагай

Сетка в две колонки, где каждая карточка занимает два ряда, карточки во втором со сдвигом на один ряд

Не нужен здесь скрипт https://codepen.io/herr-imko/pen/MWzrNee

Делаешь здоровенную по высоте обертку для слайдера, делишь ее высоту на количество слайдов, слушаешь скролл и на каждую долю прокрутки обертки, а точнее страницы пока обертка в области просмотра, листаешь по слайду. Самому слайдеру стики позиционирование чтобы он оставался в экране создавая иллюзию непрокручивания страницы

У тебя прокручивается и страница - html и тело - body. Это залипание прокрутка боди, она небольшая и когда ты его докручиваешь, следующим жестом крутишь уже страницу. Ищи что пробивает боди и чини размеры

UPD: я так уж и быть нашел) Это размеры svg в иконках

UPD: в фаерфоксе в девтулзах есть явное указание какие элементы прокручиваемые на текущий момент, пользуйся в следующий раз)

Сделать маленькйи элемент такой же высоты

Скорее наоборот, из слайдера сделать статичный блок.
Берешь свой любимый слайдер, ищещшь у него в опциях брейкпоинты и пишешь чтобы выше твоей мобилки он отключался, обычно это называется destroy. Потом смотришь какую разметку он после себя оставил и стилизуешь под нужный вид

TreeWalker который ищет все текстовые ноды, по результирующему массиву фильтр на вхождение подстроки

Патамушта)
Но это можно стилизовать с помощью псевдоклассов

Можно

Либо отключать CORS и перепроверять пути, либо захостить как-нибудь

position: sticky

А если keyframes? Из скрипта полный доступ к ним есть
Забираешь анимации висящие на элементе
Запускаешь и останавливаешь по желанию)