How to replace the standard ajax-loader.gif contact form 7?

Hi all!
Need help is there a website on wordpress and the wonderful contact form 7 plugin, this plugin has the standard "spin" when sending a message, and it looks awful, I know that, with the help of the file functions.php you can replace

<img class="ajax-loader" src="http://www/wp-content/themes/Theme-Name/images/ajax-loader.gif" alt="Sending..." style="visibility: hidden;">


to another file or on another code, I want to replace that spin on the animation css. but I don't know how=( just learned how to change gif file

add_filter('wpcf7_ajax_loader', 'my_wpcf7_ajax_loader');
my_wpcf7_ajax_loader function () {
 return get_bloginfo('stylesheet_directory') . '/images/ajax-loader.gif';
}
July 9th 19 at 13:16
1 answer
July 9th 19 at 13:18
will not forgive using jquery to change?
How to change beautiful via JS? - alberto.Bins5 commented on July 9th 19 at 13:21
: $('.ajax-loader').remove().parent().append(' < Code here /> ') - cleve_Murray commented on July 9th 19 at 13:24

Find more questions by tags PHPWordPress