Как переместить элемент carousel-indicators чтобы сама carousel осталась на месте(bootstrapv4)?

Question

[sunnyrio]

Как переместить элемент carousel bootstrapv4 в указанное место см. screen?

<!-- Карусель начало -->
<div style="width: 224px;height: 397px;">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
  </ol>
  <div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
      <img class="d-block img-fluid" src="img/slide1.png" alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block img-fluid" src="img/slide2.png" alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block img-fluid" src="img/slide3.png" alt="Third slide">
    </div>
    <div class="carousel-item">
      <img class="d-block img-fluid" src="img/slide4.png" alt="Third slide">
    </div>
  </div>
</div>
</div>
<!-- Карусель конец -->