Алексей Скляров

Немного балуюсь дизайном и фронтендом, могу сказать так: никогда не понимал смысла полностью рисовать мобильную версию сайта, когда в общем-то и так понятно как сайт должен адаптироваться. Конечно бывают некоторые моменты, о которых дизайнер должен предупредить. Однако, я считаю, большая часть работы лежит на верстальщике.

Возьмите и сверстайте сайт с использованием Bootstrap, при грамотной верстке, большая часть компонентов будет адаптирована и, в общем-то, никак по-другому вам делать и не захочется (4 блока в ряд на телефоне перевернутся в стобец из 4 блоков и по-другому никак не будет). Поэтому сидеть рисовать мобильную версию сайта - бесполезная трата времени.

$(window).scroll(function() {
        $('#site-promo').each(function(){
        var imagePos = $(this).offset().top;

        var topOfWindow = $(window).scrollTop();
            if (imagePos < topOfWindow+300) {
                $('.way-img').addClass("stretchRight vv");
            }
        });
    });

Что делает код?
Берет id (например ваш блок с цифрами, которые нужно анимировать), когда пользователь скроллит до этого блока, за 300 пикселей до этого блока срабатывает присвоение анимации блоку .way-img.

Аналогично с вашей задачей: в id вставляете айди контейнера с цифрами, после чего присваиваете каждой цифре анимацию, за это отвечает эта строка (подправите под себя):
$('.way-img').addClass("stretchRight vv");