Issue with variableWidth and same height slides

Hi There,

I have an issues with the slides, the postion of the slide seems to go out of the container:

here is the codesandbox link: https://codesandbox.io/s/react-slick-playground-lg8md?file=/index.css:188-193

And the hosted link: https://lg8md.csb.app/

Basically, what I'm trying to achieve is that by default the first/current slide is displayed larger by setting a variable width and the other slides are set to a smaller width. The slider works fine on the initial load, but the problem is when we click on next arrow and the slider position is overflowed/hidden and the image is only half visible (noticed something strange, when I did a resize of the window the it did position the slide correctly).

See attached images:

Position of the slide is wrong:

Thanks,
Jerry Louis