Adjusting Slider Arrow Size & Containing Content On Mobile

I’m creating a slider to display text content. I’ve configured the text content to fit inside the area that’s covered by the slider arrows on desktop pages. But when I view the slider on mobile, some of the text content is covered by the slider arrows and the slider height does not increase to fit the size of it’s content. I keep experimenting with different settings but I can’t find any that seem to get the slider any closer to presenting the content correctly. I’d be grateful for any pointers!


Here is my site Read-Only: LINK

Setting the slider’s height to auto, moving the position of the buttons to the bottom of the container and setting their width fixed this for me.