Pagination with lots of slides

Hi

I wondered if you can help me,

I have inserted some sliders on my site, virtually with the out of the box settings, except I have reduced padding to 0

This works well and fits my site, however, one of the sliders has 24 images, and I have pagination setting turned on. This makes the little dots to show pages overlap on mobile, but not web. If I change the padding to 5% it fixes the dots but then adds padding that I do not need to the image position

Can you advise on how I can fix this? I am guessing I need some CSS – but I have no idea what, where to place it or what it needs to be tagged as to get it to apply to the slider

Thanks