Помогите с простым модулем On Scroll Effect Layout и неругайт&# - Вопросы по CSS

Ребята, без вашей помощи необойтись. Если кто знает такой эффект. http://tympanus.net/Blueprints/OnScrollEffectLayout/
Установил себе на сайт http://akrilstone.com/vid-rabot
Заметно же, что на сайте этот эффект маленький. Самое главное, как увеличить эффект, как в демо? Небесплатно конечно

.cbp-so-side {
    float: left;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    padding: 3em 4%;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 50%;
}

.cbp-so-side {
    float: left;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    padding: 3em 4%;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 50%;
}

а что именно не так?

CSS на примере:

Код

.cbp-so-side {
    float: left;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    padding: 3em 4%;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 50%;
}

CSS на вашем сайте:

Код

.cbp-so-side {
    float: left;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    padding: 3em 4%;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 50%;
}

То есть значения свойст фактически идентичны.

Вся разница лишь в том, что у вас исходный контейнер (<section class="cbp-so-section cbp-so-init cbp-so-animate">) заперт в .container шириной 1170px и анимация стартует от его внутренней границы.

А на http://tympanus.net/Blueprints/OnScrollEffectLayout/ анимация стартует от границ браузера (viewport).

То есть длина пути проходимая объектами анимации несколько отличается...