Start afterLoad animation earlier when responsive

Hi,
I've added animations to all sections using afterLoad. However in the responsive version, the animations does not start before you scroll about 50% of the site. Is there a way to change that? I have tried using on onLeave but had the same problem.

$('#fullpage').fullpage({
anchors: ['firstPage', 'secondPage'],
autoScrolling: true,
responsive: 992,
scrollBar: true,
lazyLoading: true,
hybrid:true,
easing: 'easeInOutCubic',
easingcss3: 'ease',
showActiveTooltip: 'true',
css3: true,

afterLoad: function(anchorLink, index){
if(index == 2){
$('#one').addClass('animated');
$('#two').addClass('animated');
}
}
});

### Versions
This happens on all responsive versions I tested. Mobile up to 992px