Как изменить положение индикатора LightSlider с нижнего слайда на средний поверх слайда с помощью CSS

Question

Я использую LightSlider с Angular 7, затем мне нужен индикатор в середине слайд-изображения. По умолчанию в нижней части слайда.

Я пробовал это, но не работает CSS

       .lSSlideOuter .lSPager.lSpg>li a {
        background-color: #222;
        border-radius: 30px;
        display: inline-block;
        height: 8px;
        overflow: hidden;
        text-indent: -999em;
        width: 8px;
        position: absolute;
        z-index: 999;
        top: -50px;
        transition: all .5s linear 0s;
       } 

HTML

     <ul id="sliderhome">
      <li>
       <div class="rds__full-section">
          <img src="assets/img/home/LH.jpg" alt="" class="rds__slidesize">
       </div>
     </li>
    </ul>

Я хочу, чтобы они были в верхней части слайд-изображения