<div class="fashion-section">
<div class="fashion-section__inner">

  <div class="fashion-section__slider">

    <div class="slider js-slider">
      <div class="slider__item"></div>
      <div class="slider__item -yellow"></div>
      <div class="slider__item -green"></div>
    </div>

  </div>
  
  <div class="fashion-section__title">
    Some title
  </div>
  
</div>
</div>

.slick-list {
  overflow: visible; 
}

.slick-slide {
  transition: transform .3s;
}

.slick-current + .slick-slide {
  transform: translateX(200px);
}

.fashion-section {
  overflow: hidden;
  
  &__inner {
    width: 80%;
    margin: 0 auto;
    display: flex;
  }
  
  &__slider {
    width: calc(100% - 200px);
  }
  
  &__title { 
    position: relative;
    z-index: 2;
    width: 200px;
    background: #000;
    color: #fff;
  }
  
}


.slider {
  
  &__item {
    height: 100px;
    background: red;
    
    &.-yellow {
      background: yellow;
    }
    
    &.-green {
      background: green;
    }
    
  }
  
}

jQuery(function($) {
  $('.js-slider').slick({
    prevArrow: '',
    nextArrow: '',
    dots: true,
    draggable: false,
  });
});