光滑的轮播显示div /图像

Question

Example of the outcome

基本上，我正在使用SlickJS，希望能够基于当前幻灯片显示一个图像并隐藏其他图像。

我不想使用第二张幻灯片与第一张幻灯片同步，我只想显示div或图像。

滑块样本：https://arlibera.ma/Apoxer/main.html

滑子代码：

$(function(){ 
        
$('.center').slick({
    centerMode: true,
    centerPadding: "0px",
    slidesToShow: 8,
    arrows:false,
    autoplay:false,
    infinite:false,
    responsive: [
      {
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 3
        }
      },
      {
        breakpoint: 480,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 1
        }
      }
    ]
  });
  
});

要链接的图像：https://codepen.io/jinzagon/pen/eYZZKXY