Анимация элементов в карусели swiper.js

Есть карусель на основе плагина swiper.js https://swiperjs.com/ вариант с FreeMode + SlidesPerView:auto (ширина слайдов разная).

  <div class="swiper-wrapper">
    <div class="swiper-slide" style="height:200px;width:700px;">
        <img src="..." style="position:absolute;left:10px;bottom:50px;" class="needToAnimate" />
    </div>  
    <div class="swiper-slide" style="height:200px;width:600px;">
        <img src="..." style="position:absolute;left:30px;bottom:70px;" class="needToAnimate" />
    </div>   
    ......
  </div>

Нужно анимировать картинки с классом .needToAnimate при появлении их на экране, то есть, при прокрутке карусели вправо-влево. Проблема в том, что при подключении animate.css в сочетании с wow.js анимация происходит однократно только при загрузке страницы. Может, есть какой-то другой плагин для анимации, или можно написать свой js? Заранее благодарен вам за помощь!