centerMode not working properly with dynamic widths

I want the items in the carousel to have the same width when on mobile like this:
https://i.ibb.co/nmJcgmB/Untitled.png

It should change based on how much space is available.

And this is my codesandbox, there is no way I can get something similar to happen. I think it has to do with the width, can another option be added to handle this problem?
https://codesandbox.io/s/elated-hill-ktx5q?resolutionWidth=448&resolutionHeight=675&file=/src/slider.scss:0-7163