Отзывчивый слайдер с обновленной высотой слайда

У меня есть список, где каждый элемент содержит текст и изображение:

<div class="slider">
  <ul>
    <li>
      <div class="txt"><p>First slogan</p></div>
      <div class="img"><img src="http://placehold.it/800x180" /></div>      
    </li>
    <li> ... </li>
  </ul>
</div>

Мне нужно, чтобы он был отзывчивым... img и txt divs масштабируются при изменении размера окна.

После определенной точки img div становится под txt div, как показано в кодефене:

ПРИМЕР СЛАЙД

Это отлично работает... Но теперь мне нужно заставить его работать как слайдер.

Я пытаюсь сделать это с помощью плагина Cycle2 JQuery:

СЛАЙД-ПРИМЕР С ЦИКЛОМ 2

Высота не подходит для содержимого слайдов.

Может кто-нибудь, пожалуйста, помогите мне?

Спасибо, Мигель