Добавить параллакс к лендингу

Привет!

Есть вот такой лендинг, он уже свёрстан http://ruki-studio.ru/karpowicz/

Что нужно сделать — внедрить эффект параллакса к блокам:

1.  Смену блока следующим за ним при скроллинге вроде такого http://johnpolacek.github.io/scrolldeck.js/decks/parallax/

2. Для блока машин, например, «Инъекторы» (для всех машин она будет одинакова) делаем дополнительную анимацию.

У этого блока 2 состояния – первое, когда показываем фото машины слева и текст-описание справа. И во втором замещаем текст-описание и фото на слайдер.

А анимация вот такая – https://dump.video/i/ZUO2SS.mp4

То есть получается так: скроллим до блока с машиной → Замещаем фоновую картинку на картинку с мясом → Выезжает активная картинка из слайдера (первая, например), а текст-описание переключается на слайдер.

https://i.imgur.com/aHiFdb0.png

3. Блок «Преимущества»

https://i.imgur.com/0NViAcr.png

Блок будет разделен на 2 половины экрана: слева заголовок и иллюстрация логотипа будут зафиксированы, а справа преимущества будут скроллится.

Пример: https://dump.video/i/PFYsK1.mp4

4. Блок «Сервис и поддержка»

https://i.imgur.com/dtcrB2Y.png

Ifhbrb относительно друг друга также будут с помощью параллакса листаться, внизу форма.

Задача нетривиальная. :)