Issue with changing cols property

[Athar-Naveed]

Issue

I am using the better-react carousel, it's one of the best in the carousels but, I am facing some issues in changing the cols property for the mobile screen. I want to show 5 pictures in small size on a mobile screen but cannot access the depth of the cols property. Am I doing it wrong, or is there another way? I am using Next Js (TypeScript), TailwindCSS.
I've included for you the attached images. The first image shows the gap, I want to remove. The second image shows the property I want to apply for mobile screen by default it is, "grid-template-columns:repeat(5,100%)". I want to change it to, "grid-template-columns:repeat(5,30%)". Please guide me.
Thanks