JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css">
<script src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>
<div class="slider">
  <img src="http://fpoimg.com/200x305">
	<img src="http://fpoimg.com/400x305">
	<img src="http://fpoimg.com/200x305">
	<img src="http://fpoimg.com/305x305">
</div>

CSS

.slider {
  width:600px;
  border:1px solid black;
}

.slider img {
  display: block;
  margin-right:10px;
}

JavaScript

$('.slider').slick({
  dots: false,
  infinite: false,
  speed: 300,
  centerMode: false,
  variableWidth: true
});