Flexslider Advertisements

Can I pick your brain. I'm using your flexslider code to create an advertisements carousel. I have the top one which is this one below. Can I ask, is it possible to remove the dots on the image showing how many images there are?

<!-- Top Advertisements
============================================= -->
<div class="header-misc mb-4 mb-lg-0">
  <div class="top-advert" style="max-width: 720px;">
    <div class="fslider" data-animation="fade" data-thumbs="false" data-arrows="false" data-speed="1200" data-pause="7000">
      <div class="flexslider">
        <div class="slider-wrap">
          <div class="slide"><a href="#" class="d-block position-relative" target="_blank"><img src="image-url-1" alt="Ad 1"></a></div>
          <div class="slide"><a href="#" class="d-block position-relative" target="_blank"><img src="image-url-2" alt="Ad 2"></a></div>
          <div class="slide"><a href="#" class="d-block position-relative" target="_blank"><img src="image-url-3" alt="Ad 3"></a></div>
        </div>
      </div>
    </div>
  </div>
</div>

And I also created another one for internal advertisements, which is this code below but I can't for the life of me center the image in the col-12. It is always to the left. Are you able to provide guidance on this?

<!-- Inner Template Advertisements
============================================= -->
<div class="my-0 pt-5 pb-5">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="fslider" style="max-width: 720px;" data-animation="fade" data-thumbs="false" data-arrows="false" data-speed="1200" data-pause="7000">
          <div class="flexslider">
            <div class="slider-wrap">
              <div class="slide"><a href="#" class="d-block position-relative" target="_blank"><img src="image-url-1" alt="Ad 1"></a></div>
              <div class="slide"><a href="#" class="d-block position-relative" target="_blank"><img src="image-url-2" alt="Ad 2"></a></div>
              <div class="slide"><a href="#" class="d-block position-relative" target="_blank"><img src="image-url-3" alt="Ad 3"></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Is this the best way to use this code to create advertisements slots. I have attached a link to a page showing how I might show them.

You can close this. I have sorted it.