Show adjacent card with image carousel on mobile

Hello,

I want to show the adjacent card with image carousel on mobile

By default, the image gallery only shows one item visible on a mobile screen whereas on desktop I can control how many items are shown.

So far I managed to show more than one card on mobile with the custom CSS here: https://www.will-myers.com/articles/show-multiple-items-for-auto-list-carousel-on-mobile

My question: How do I get to a result as in my screenshot? Showing one card in the middle and a little bit of the next ones on the side?

Can you share link to page where you use carousel? We can check easier