Как сверстать такой слайдер?

Подскажите, как лучше сверстать такой слайдер: Видео демонстрация
Суть:
1. статичная картинка между текстом и слайдами
2. интересное искажение текстов и слайдов.

Что пробовал:
1 . с помощью swiperjs создал слайдер и добавил статичную картинку, пробовал с помощью z-index разместить картинку между - не вышло, статичная картинка всегда сверху, при любом z-index :(
2. с помощью старой версии swiperjs создал два слайдера: с картинками и текстом, синхронизировал их с помощью

var titleSwiper = new Swiper('.title-slider', {
    loop: true,
  });

  var imageSwiper = new Swiper('.image-slider', {
    loop: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
  });

  titleSwiper.params.control = imageSwiper;
  imageSwiper.params.control = titleSwiper;

(в последней версии swiperjs, почему-то такой вариант не работает), поместил статичную картинку и это заработало, статичная картинка оказалась между текстами и слайдами. Но в как придать эти интересные деформации при смене слайдов?