Как реальзовать слайдер с затемнением элементов на основе slick-slider?

Question

[Diman142]

Пытаюсь сверстать макет сайта и дошёл до секции со слайдером на макете она выглядит следующим образом:

Решил использовать slick-slider но никак не могу понять как можно реализовать то чтобы следующий и предыдущий элементы отображались как на макете.
Пробовал отображать по 3 слайда но не получается выделить уникальный селектор у центрального слайда чтобы на остальные наложить соответствующий css класс, пробовал рулить свойством centerPadding но тоже особых успехов не добился, может быть кто-то сталкивался с подобной задачей или знает направление в котором двигаться для её решения?

Comments

[godsplane]

.slide-item:not(.slick_current) { opacity:.5; }

[Diman142]

godsplane, Спасибо, что-то я затупил.)

[RomaHass]

godsplane, можно подробнее, это прописывать в свои стили? Какие классы нужно изменить на свои?

[godsplane]

RomaHass, а что из этого вы уже попробовали?

[RomaHass]

godsplane, Я попробовал скопировать эту строку и изменить стили переписав их на свои, но ничего естественно не получилось)

[ParaBellum577]

godsplane, спасибо за идею. Для меня сработало вот в таком формате

.slick-center{
  opacity: 1 !important;
}
.slick-slide {
  opacity: 0.3;
}