<div class="slider">
  <div class="slider__item">
    <img src="https://www.fillmurray.com/320/500" alt="">
  </div>
  <div class="slider__item">
    <img src="https://www.fillmurray.com/321/500" alt="">
  </div>
  <div class="slider__item">
    <img src="https://www.fillmurray.com/320/499" alt="">
  </div>
  <div class="slider__item">
    <img src="https://www.fillmurray.com/320/498" alt="">
  </div>
</div>

.slider {
  padding-left:0;
  max-width:1050px;
}
.slider div{
  margin-right: 25px;
}
.slider div img {
  max-width:100%;
  height:auto;
}
.slick-slider .slick-track {
  min-width:100%;
}
.slick-track{
  display: flex;
}
.slick-list{
  overflow: hidden;
  margin: 0;
  padding: 0;
}

  $('.slider').slick({
    slidesToShow: 3,
    variableWidth:true,
    slidesToScroll: 1,
    arrows:false,
    centerMode: true,
  });