Slider中的图像不是全宽

Question

我正在尝试将滑块中的图像设置为全宽或响应。

HTML位于PasteBin

<div class="main-slider slider-pro" id="main-slider" data-slider-width="100%" data-slider-height="850px" data-slider-arrows="true" data-slider-buttons="true">
    <div class="sp-slides">
    <!-- Slide 1-->
        <div class="sp-slide">
            <img class="sp-image" data-large="assets/media/components/b-main-slider/bg-1.jpg" src="assets/media/components/b-main-slider/bg-2.jpg" alt="slider" />
             <div class="container">
                 <div class="row">
                     <div class="col-sm-10 col-sm-offset-1">
                         <div class="main-slider__info sp-layer" data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="2000" data-show-delay="1200" data-hide-delay="1200">welcome to koka</div>
                         <div class="main-slider__title sp-layer" data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="2000" data-show-delay="1200" data-hide-delay="1200">

                             <div class="typed-strings">

                                 <ul>
                                     <li>welcome to <span class="main-slider__title-emphasis">WELCOME</span></li>
                                     <li>PROFITABLE <span class="main-slider__title-emphasis">DIGITAL MARKETING</span></li>
                                 </ul>

                              </div>

                          </div>

                      </div>
                  </div>
              </div>
          </div>

基本上，滑块上的图像仅显示在左侧（幻灯片的70％）。在幻灯片的右侧，有一个空的空间。 （30％）