анимированный css текст не работает в крошечном слайдере

Question

Я работаю с миниатюрным слайдером и animate. css и animate-plus с этим кодом:

HTML :

JS:

var slider = tns({
  container: '.slide',
  items: 1,
  mode: 'carousel',
  slideBy: 'page',
  autoplay: true,
  mouseDrag: true,
  center: false,
  nav: false
});

Проблема в действии: анимированный текст работает только на первом слайде. Мне нужно играть анимированный текст для каждого слайда. как решить эту проблему?!

демонстрационная ссылка