Как сделать что бы полоса индикаторов при ресайзе сохраняла своё положение на изображении без смены html?

var imgHeight = $('.b-about__container-image').height() 
$('.b-about__indicator-list').css('top', imgHeight); 
 
$(window).on('resize', function(){ 
  imgHeight = $('.b-about__container-image').height() 
  $('.b-about__indicator-list').css('top', imgHeight); 
});

.b-about__carousel-inner { 
  height: auto; 
  position: relative; 
} 
.b-about .carousel-fade .carousel-inner .active { 
  opacity: 1; 
  position: relative; 
} 
.b-about__indicator-list { 
  width: 100%; 
  margin-top: -50px; 
  position: absolute; 
} 
.b-about__indicator-list li { 
  width: 17px; 
  height: 2px; 
  margin: 0 3px; 
  background-color: #cfcfcf; 
  border: 0; 
  border-radius: 0; 
} 
.b-about__indicator-item.active { 
  width: 17px; 
  height: 2px; 
  margin: 0 3px; 
  background-color: #ed454b; 
  margin: 0 6px; 
} 
.b-about__container-image { 
  height: auto; 
  width: 100%; 
  background-color: #e6e6e6; 
  text-align: center; 
  position: relative; 
} 
.b-about__image { 
  display: block; 
  width: 100%; 
} 
.b-about__information { 
  padding: 91px 15px 0 25px; 
  margin: 0 auto; 
  height: 300px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<div role="listbox" class="b-about__carousel-inner carousel-inner"> 
  <div class="active b-about__item item"> 
    <div class="b-about__container-image"> 
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTD60q-ZK6Jnex3EvBk8tjS205SgzGkqzCQ0qDhgy-D84lrtTax151OVPs" alt="" title="" class="b-about__image"> 
    </div> 
    <div class="b-about__information"> 
      <h2 class="b-title b-title--about">Двигатель</h2> 
      <div class="b-about__text-about"> 
        <p>Надежный, прочный и&nbsp;экономичный 4-цилиндровый двигатель</p> 
      </div> 
    </div> 
  </div> 
 
 
 
 
  <!-- Controls--> 
 
  <ol class="b-about__indicator-list carousel-indicators"> 
    <li data-target="#about" data-slide-to="0" class="active b-about__indicator-item"></li> 
    <li data-target="#about" data-slide-to="1" class="b-about__indicator-item"></li> 
    <li data-target="#about" data-slide-to="2" class="b-about__indicator-item"></li> 
    <li data-target="#about" data-slide-to="3" class="b-about__indicator-item"></li> 
    <li data-target="#about" data-slide-to="4" class="b-about__indicator-item"></li> 
  </ol> 
</div>