Внутренние тени slick-slider

Нужно сделать внутренние тени в slick-slider, как показано на рисунке:

Пример разметки `

    <div id="tabs_slider">
      <div class="tabs_slider_slide">
        <img src="#" alt="">
        <p>Ковры</p>
      </div>
      <div class="tabs_slider_slide">
        <img src="#" alt="">
        <p>Ковролин</p>
      </div>
      <div class="tabs_slider_slide">
        <img src="#" alt="">
        <p>Линолеум</p>
      </div>
      <div class="tabs_slider_slide">
        <img src="#" alt="">
        <p>Гарячие предложения</p>
      </div>
      <div class="tabs_slider_slide">
        <img src="#" alt="">
        <p>Грязезащита</p>
      </div>
      <div class="tabs_slider_slide">
        <img src="#" alt="">
        <p>Ламинат</p>
      </div>
      <div class="tabs_slider_slide">
        <img src="#" alt="">
        <p>Искусственная трава</p>
      </div>
    </div>
  </div>`

Когда пытаюсь дать внутреннюю тень #tabs_slider - она ложится под слайды, а не на них, если же добавить в слайдер пустой элемент, спозиционировать абсолютно и дать z-index: 999, этот элемент слайдер всё равно воспринимает как слайд. Возможно в slick есть встроенный функционал для таких задач, о котором я не подозреваю, других решений на ум не приходит.