Слайдер с несколькими изображениями

$('.js-carousel').slick({ 
  centerMode: true, 
  centerPadding: '60px', 
  slidesToShow: 3, 
  variableWidth: true 
});

.container { 
  max-width: 800px; 
  margin: 0 auto; 
  border: 1px solid #eaeaea; 
} 
 
.slide { 
  margin: 10px; 
}

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" rel="stylesheet" /> 
 
<div class="container"> 
  <div class="js-carousel"> 
    <div class="slide"> 
      <img src="https://placeholdit.co//i/320x150"> </div> 
    <div class="slide"> 
      <img src="https://placeholdit.co//i/500x150"> </div> 
    <div class="slide"> 
      <img src="https://placeholdit.co//i/500x150"> </div> 
    <div class="slide"> 
      <img src="https://placeholdit.co//i/420x150"> </div> 
    <div class="slide"> 
      <img src="https://placeholdit.co//i/350x150"> </div> 
  </div> 
</div>