Angular Bootstrap Carousel-> Remove slide number text from top of ng carousal

Question

I am using Angular Bootstrap Carousel to run the image slides on my home page, it is always showing text as: "Slide 1 of 4".

I have tried many thing but could not remove it. Similar question is already asked but its solution didn't worked for me: Remove slide number text from top of ng carousal

 <div>
    <!-- <img src="../../assets/images/background.png" class="bgimage"/> -->
    <ngb-carousel *ngIf="images" [showNavigationArrows]="showNavigationArrows" [showNavigationIndicators]="showNavigationIndicators">

      <ng-template ngbSlide *ngFor="let image of images">
        <div class="picsum-img-wrapper">
          <img [src]="image" alt="Random slide" class="d-block w-100" style="height: 450px">
        </div>
        <div class="carousel-caption">
          <h3>No mouse navigation</h3>
          <p>This carousel hides navigation arrows and indicators.</p>
        </div>
      </ng-template>
    </ngb-carousel>
  </div>

Please help.