Change width of the center slide only

Currently I am trying to implement a carousel where the center slide widens to show more content. However at the moment it just doesn't seem to center properly. Here is a sample [https://codesandbox.io/p/sandbox/react-slick-center-whnkj5?file=%2Fsrc%2FApp.tsx](sandbox) of the issue.

Specifically I am trying to have my non-centered slides show a portrait image and once its centered it expands to show more content. Something like this: