How to make such an unusual masonry slider?

Question

css

Hello everyone, how to make such a slider?

slider

The order of the slides should be: odd on top, even on bottom. Image width is dynamic. And the main problem is that I can't arrange the pictures as on the layout, I tried with masonry, but it doesn't work. I will be very glad if you help

codepen - https://codepen.io/chaserof/pen/abwYVjK

It also adapts, and on screens < 768px it shows 1 slide and 1 row

mobile version