Как подтолкнуть активное изображение вверх и вытащить следующее изображение снизу

Question

Я работаю над слайдером на прокрутке. Я почти закончил с этим, но я не удовлетворен эффектом анимации. Мой текущий слайдер работает как, когда вы поднимаете следующее изображение, текущее идет вниз. Я бы предпочел подтолкнуть мое текущее изображение вверх и вытащить следующее изображение снизу наоборот. Любая помощь будет оценена. DEMO

Сценарий

$(window).scroll(function() {
  var sliderCopy = $('.parallax__copy > *');
  sliderCopy.each(function() {
    var windowTop = $(window).scrollTop();
    var idValue = $(this).attr('id');
    var sectionOffset = $(this).offset();
    var sectionTop = sectionOffset.top;
    var height = $(this).height();
    if ( sectionTop -  windowTop < height ) {
      $(".parallax__illustration .slide-in").removeClass('slide-in');
      $(".parallax__illustration div[data-slide='" + idValue + "']").addClass('slide-in');
    }
 });
});