Слайдер с наложением друг на друга

Воспользуйтесь готовым сладером, например Slick (http://kenwheeler.github.io/slick/). Далее найдите класс, который обозначает текущий слайд и выставите ему стиль CSS

 position: absolute,
 z-index: 10,

В нашем случае нужно добавить правило CSS

.slick-current {
    position: relative;
    margin-left: -35px;
    margin-right: -35px;
}

А для генерации слайдера используем код:

$('.variable-width').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  centerMode: true,
  variableWidth: true
});

Работать будет не слишком плавно, но суть решена.