Николай

Если правильно понял вопрос

input, textarea, select {
   -webkit-appearance: none;
   -moz-appearance: none;
 }

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

Codepen

Сделай 3 элемента с абсолютным позиционированием в процентах, у которых родитель 100% по ширине и высоте экрана.

Slick, уберёшь overflow: hidden у родителя. Остальное все есть в нем

самый просто вариант это таблица. второй вариант flexbox, есть вариант flexboxtable ссылка на статью

position: absolute; position: sticky;

Используй относительные значения, например проценты или значение высоты и ширины экрана vw и vh. Так же поможет использование значений rem для шрифтовых или размерных блоков.

Для img тега обычно задают object-fit: cover или object-fit: contain
Надпись на слайде лучше заменить текстом, чтобы можно было его адаптировать отдельно от фона слайда.

Прикладываю скриншот, у тебя не работает эффект наведения на последних блоках.
https://www.dropbox.com/s/xa3yuw48lj3kqxk/%D0%A1%D...

.item{line-height: 1}

попробуй найти отвечающие за анимацию классы в верстке.

js-кой получать высоту экрана, следить за ресайзом окна браузера и инлайново вставлять.

Можно так: https://codepen.io/Nickolyashka/pen/QorZzN

Оптимизировать изображение, использовать разные картинки в зависимости от плотности и размеров экрана.

ссылочка

Пробуй так, написал по памяти, но гуглится: @support (display: grid) {верстка без грид}