Image resizes it self

See more:

HTML5

text

bootstrap

Hi
Ihave this code snippet in my bootstrap html.i have set the imige size to the the banner size of 1950 x 400 px. So when i open it in my browser it tends to inlarge the image and the whole image is not showen.I do not know where to look anymore to fix this.

<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>

What I have tried:

i have tride to see if it is in the paralax.js.I just do not know.