Изображение само изменяет размер

---

Привет
У меня есть этот фрагмент кода в моем bootstrap html.я установил размер imige на размер баннера 1950 x 400 px. Поэтому, когда я открываю его в своем браузере, он имеет тенденцию увеличивать изображение, и все изображение не отображается.Я больше не знаю, где искать, чтобы исправить это.

<section class="small-section parallax-2"data-background="images/Social-Media-Banner.jpg">
                            <div class="relative container align-left">

                   <div class="row">

                       <div class="col-md-8">
                           <h1 class="hs-line-11 font-alt mb-20 mb-xs-0">Content Writing <font style="font-size: 16px">from</font> R850 <font style="font-size: 16px">ex vat</font></h1>
                           <div class="hs-line-4 font-alt">
                               <font style="color: #63bbe9">Unique content that will attract more visitors to your website.</font>
                           </div>
                       </div>

                   </div>

              </div>
           </section>

Что я уже пробовал:

у меня есть Трайд, чтобы посмотреть, есть ли он в paralax.js.я просто не знаю.

---