How to number product images on mobile screen without a gap?

Shopify Discussion
1

I want this product images numbering right below images. I mean I want to remove this gap between images and numbering.

Please help me !!

2

Hi @AhmedAkram
Please add this CSS

.slider-buttons.no-js-hidden {
  position: absolute;
  top: -5px;
  margin: -20% 0 0 30%;
}