Я вам рекомендую объединить блоки по два в один слайд, чтобы разметка была вот такой:
<div class="slider-wrap">
<div class="slider">
<div class="slider__item">
<img src="http://fillmurray.com/200/200" alt="" />
<img src="http://fillmurray.com/200/200" alt="" />
</div>
<div class="slider__item">
<img src="http://fillmurray.com/200/200" alt="" />
<img src="http://fillmurray.com/200/200" alt="" />
</div>
<div class="slider__item">
<img src="http://fillmurray.com/200/200" alt="" />
<img src="http://fillmurray.com/200/200" alt="" />
</div>
<div class="slider__item">
<img src="http://fillmurray.com/200/200" alt="" />
<img src="http://fillmurray.com/200/200" alt="" />
</div>
</div>
</div>
И не забыть уменьшить количество отображаемых слайдов:
$('.slider').slick({
slidesToShow: 3,
centerMode: true
});
Также, не забыть сделать внутренний элемент, например, инлайн-блоком, чтобы не переносился на следующую строку:
.slider__item
transform: scale(0.8)
transition: all 0.6s ease
img
display: inline-block
margin: 0 10px
Полный форк вашего кодпена: http://codepen.io/sandmanisdancing/pen/LbOyPa