Creating a Coverflow slider using Slick slider in React

Question

I'm currently working on a project in React and I'm trying to implement a Coverflow-style slider using the Slick slider library. I've been able to set up a basic slider using Slick, but I'm struggling to achieve the Coverflow effect.

Here's what I have so far in terms of initializing the Slick slider:

import React from 'react';
import Slider from 'react-slick';
import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';

const CoverflowSlider = () => {
  const settings = {
    // Slick settings go here
  };

  return (
    <div>
      <Slider {...settings}>
        {/* Slide items */}
      </Slider>
    </div>
  );
};

export default CoverflowSlider;

I've looked through the Slick documentation and tried various settings, but I haven't been able to achieve the desired Coverflow effect where the centered slide is larger and the surrounding slides are partially visible.

If anyone has experience with creating a Coverflow-style slider using the Slick library in React, could you please guide me on the specific settings and CSS adjustments required to achieve this effect? Any code examples or pointers would be greatly appreciated.

Thank you in advance for your help!

I want this type of slider. It is possible or not in slick slider?