Rev Slider scroll down arrow fade loop

Hello,

I’m attempting to recreate the fade down animation that is default with the Avia scroll down arrow, however I am having some difficulties, as I’m not sure if I should be editing Rev Slider settings are applying CSS.

I’ve applied the

webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
    animation: avia_fade_move_down 2s ease-in-out infinite;

to the down arrow, however for some reason it fades to the left instead of down on Revslider.

Thanks for the help.

Best,

Hayden