How to make a slick slider so that there is a large picture in the center, and the side ones are cut off by the edges of the screen by about half?

Question

css

I'm doing it on a slick slider. I use the property centerMode: true, but I can't get it right.
Tell me how to do it? And to adapt somehow. The option with breakpoints is not suitable, since the slider must be the entire width of the screen.

Answer 1

You can do it like this:
codepen

Answer 2

Use centerMode and vw for slide dimensions