JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<div>
  <div class="slideshow">
    <img src="http://placehold.it/300x300"/>
    <img src="http://placehold.it/100x300"/>
    <img src="http://placehold.it/300x300"/>
    <img src="http://placehold.it/300x300"/>
  </div>
</div>

CSS

.slideshow{
  height: 300px;
}
img{
  height: 300px;
  margin: 0 20px;
}

JavaScript

$('.slideshow').slick({
  centerMode: true,
  variableWidth: true,
  infinite: true,
  slidesToShow: 2
});