I need to make an item slider in angular, which will have different sizes of elements.

Something like the image above. I have used slick.js before but it's hard to get it functional.

It has to be responsive, and be able to convert from raw to the column on smaller screens. Also, I will have a filter applied to him, so sometimes some items will need to be hidden.

I've tried a few carousels like this (slick, swiper, ...), and none of them can give me what I need. Because they all just crush when I convert them to column. Also, when in column, they still need to slide to left or right.

Is there an easy way to make it work, or I will need to create something?