Виталий Першин

Не надо увеличивать больше реального размера... Увеличивайте из уменьшенного в реальное:

@keyframes post-get {
  0% {
    -webkit-transform: scale(.5);
            transform: scale(.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

Нужно задать минимальную высоту 100% высоты экрана для контейнера в котором находится футер, в ваше случае так:

.wrapper {
  min-height: 100vh
}

.container_wrap{
	display: flex;
	flex-direction: column;
	border: 4px solid green;
  min-height: 100vh
}

Вчера переделывал эту анимацию по своему:

Чтобы при помощи clip-path зафиксировать угол, используйте calc:

А js обязательно? Без js это легко можно сделать так:

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

Ищите по ключу parallax
Вот одна из самых популярных:
https://matthew.wagerfield.com/parallax/

Нужно отталкиваться от input в состоянии checked, а он может влиять только на элементы находящиеся после него

Смотря как сверстаны внутренности, если на флексах, то отодвинуть вниз можно при помощи margin-top: auto; в bootstrap 4 это класс .mt-auto

Например так:

Если по БЭМ, то я определяю основную группу как блок, например ico, а названия самих иконок, как его элементы и выходит что-то вроде:
ico__arrow_dir_left
ico__arrow_dir_right
или
i__check
i__check_size_small
i__check_size_big

Добавьте:
box-decoration-break: clone;
-webkit-box-decoration-break: clone;

Это есть прямо в документации Slider Syncing называется

у .partners: align-items: streach;
у .partners__item: display: flex; align-items: streach;
Все изображения будут тянуться по высоте родителя

Глядя на такие ответы хочется плакать. Если на изображении ромбы это не значит что они перевернутые квадраты.
Это все обычные квадраты, которые можно прижать друг к другу с помощью отрицательных margin и соответственно адаптировать такие блоки не составит никакого труда при помощи медиа запросов:

Посмотреть на codepen: https://codepen.io/get-web/pen/pozdRjx
Посмотреть на jsfiddle: https://jsfiddle.net/l2banners/4n1sbc6g/2/

У них это работает на fullPage.js

Например так:

Примерно так: