Как сделать в slick slider буллиты не по центру, а с краю ограничивающего контейнера

Всем привет! Задача такая есть макет с таким слайдером, надо его сделать на slick slider

      <section class="main-slider">
            <div class="main-slider__slide">
               <div class="container">
                   Контент
               </div>
             </div>
             <div class="main-slider__slide">
               <div class="container">
                   Контент
               </div>
             </div>
             <div class="main-slider__slide">
               <div class="container">
                   Контент
               </div>
             </div>
             <div class="main-slider__slide">
               <div class="container">
                   Контент
               </div>
             </div>
     </section>

Проблема в том что bg для слайда на всю ширину, а контент и буллиты должны быть в ограничивающем контейнере. Для слайдов я добавил контейнер каждому слайду, а для буллитов не могу понять как это реализовать, помогите пожалуйста!