centerMode and slidesToShow dont seem to work properly.

What I want to achieve is have 2 slides to show with centerMode:true and centerPadding: 10%. But i want my active/centered slides to have a different height. I 've looked around and saw some examples where people achieved it with css. Now when inspecting the html on the browser during center more only the last of the focused items seems to receive the appropriate slick-centered class.

Example sandbox from the playground one: https://codesandbox.io/s/react-slick-playground-forked-6lfs1?file=/index.js