Responsive Issues for Carousel Element

[lizkaraffa]

I have a carousel where I am displaying customer testimonials. There are 3 carousel items per row like this:

When my screen goes below the mobile screen width set in customizer > tailor > layout I think the carousel items should go full width and only be 1 item per row similarly to how other elements do when they are within a tailor-column div.

This looks very awkward on mobile, but I still want this content to show on mobile and not be hidden. And since the tailor-carousel__item has dynamically generated inline styling, I'm not having much success overriding the style with CSS.

[lizkaraffa]

I dug into the source code a bit more and discovered Tailor uses slick carousels. Slick comes with a responsive option, but it looks like that is not being utilized.