Problem with delay row animation

Hi,
It's almost the end for our website development. I think it will be my last little problem.
In CSS file, I’ve reduced several “padding” parameters to make the page more concentrated, with less blank parts.
My problem is about items animations (users modules and counter module).
From a computer, the animation is great, no problem. But from a smartphone, the trigger which lets the animation starts is too long.
You can see it there : [url] www.ecolesapins.com/joomlapanais/index.php [/url]
I think that Users and Counter’s trigger depends of the reader’s position in the entire page, and not only a delay from the start of reading.
So, because I reduced some “padding” parameters, the new position for Userrow and Counterrow are “higher” in the page. That’s probably why from a smartphone, I have to navigate under these rows to trigger these animations.
So my question, is there a setting that I can change somewhere to trigger animations a the right moment ?
Thanks a lot
Best regards

Or maybe, the animation's trigger is when the module's bottom is reached.
And on a smartphone, because module's lenght is smaller, it takes 2 or 3 lines to make the entire module be displayed.
Thanks again

Hello,

The animation is triggered when the animated element appears on the browser screen. There's a delay parameter that makes elements appear one by one (from left to right). However, on a smartphone, the elements are stacked and the delay parameter's purpose is lost.

We are aware of this problem, however, currently there's no a better fix for this than disabling the delay or make the delay values even.

So, for example, for the fourth box (Paysan quatre), in HTML you have this:

Change the delay value to 0:

or maybe to 200:

and do the same for all the boxes (the first already has the value of 200).

Regards,
Milos

Thanks again for your precious help, answer after answer.
Best regards