title: Content goes out of a background
body: <p>I have a section which contain a content and I have added a background to it , I want content to be inside the background, unfortunately am not be able to get what I want.</p>
  
  <p>Here is visual of what is expected<a href="https://i.stack.imgur.com/iL1BL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iL1BL.png" alt="enter image description here"></a></p>
  
  <p>Here is what I have done so far : 
  <a href="http://jsfiddle.net/Mwanitete/8w36hrdk/" rel="nofollow noreferrer">http://jsfiddle.net/Mwanitete/8w36hrdk/</a></p>
  
  <p>Here is HTML</p>
  
  <pre><code>&lt;div class="marketing-main-page-content-FAQ"&gt;
              &lt;div class="marketing-main-page-content-FAQ_header"&gt;
                  &lt;h5&gt;Faq&lt;/h5&gt;
                  &lt;p&gt;Lorem ipsum dolor sit amet, vidit mundi gubergren ne usu, porro evertitur vix et.
  .&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="marketing-main-page-content-FAQ_pytanie"&gt;
                  &lt;div class="marketing-main-page-content-FAQ_pytanie-card card-0 card"&gt;
  
                      &lt;a class="pytania" data-toggle="collapse" href="#test-block0" aria-expanded="true" aria-controls="test-block0"&gt;
                          Demo1
                      &lt;/a&gt;
                      &lt;div id="test-block0" class="collapse"&gt;
                          &lt;div class="card-block"&gt;
                              Po kliknięciu w pytanie rozwija się dropdown z odpowiedzią na pytanie, jak klikniemy na
                              inne to się zwija. Najlepiej, żeby były to max. 2 zdania.
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="marketing-main-page-content-FAQ_pytanie-card card-0 card"&gt;
                      &lt;a class="pytania" data-toggle="collapse" href="#test-block1" aria-expanded="true" aria-controls="test-block2"&gt;
                           Demo1
                      &lt;/a&gt;
                      &lt;div id="test-block1" class="collapse"&gt;
                          &lt;div class="card-block"&gt;
                              Po kliknięciu w pytanie rozwija się dropdown z odpowiedzią na pytanie, jak klikniemy na
                              inne to się zwija. Najlepiej, żeby były to max. 2 zdania.
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="marketing-main-page-content-FAQ_pytanie-card card-0 card"&gt;
                      &lt;a class="pytania" data-toggle="collapse" href="#test-block2" aria-expanded="true" aria-controls="test-block"&gt;
                         Demo1
                      &lt;/a&gt;
                      &lt;div id="test-block2" class="collapse"&gt;
                          &lt;div class="card-block"&gt;
                              Po kliknięciu w pytanie rozwija się dropdown z odpowiedzią na pytanie, jak klikniemy na
                              inne to się zwija. Najlepiej, żeby były to max. 2 zdania.
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="marketing-main-page-content-FAQ_pytanie-card card-0 card"&gt;
                      &lt;a class="pytania" data-toggle="collapse" href="#test-block3" aria-expanded="true" aria-controls="test-block"&gt;
                        Demo1
                      &lt;/a&gt;
                      &lt;div id="test-block3" class="collapse"&gt;
                          &lt;div class="card-block"&gt;
                              Po kliknięciu w pytanie rozwija się dropdown z odpowiedzią na pytanie, jak klikniemy na
                              inne to się zwija. Najlepiej, żeby były to max. 2 zdania.
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="marketing-main-page-content-FAQ_pytanie-card card-0 card"&gt;
                      &lt;a class="pytania" data-toggle="collapse" href="#test-block4" aria-expanded="true" aria-controls="test-block"&gt;
                          Demo1
                      &lt;/a&gt;
                      &lt;div id="test-block4" class="collapse"&gt;
                          &lt;div class="card-block"&gt;
                              Po kliknięciu w pytanie rozwija się dropdown z odpowiedzią na pytanie, jak klikniemy na
                              inne to się zwija. Najlepiej, żeby były to max. 2 zdania.
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="marketing-main-page-content-FAQ_pytanie-card card-0 card"&gt;
                      &lt;a class="pytania" data-toggle="collapse" href="#test-block5" aria-expanded="true" aria-controls="test-block"&gt;
                         Demo1
                      &lt;/a&gt;
                      &lt;div id="test-block5" class="collapse"&gt;
                          &lt;div class="card-block"&gt;
                              Po kliknięciu w pytanie rozwija się dropdown z odpowiedzią na pytanie, jak klikniemy na
                              inne to się zwija. Najlepiej, żeby były to max. 2 zdania.
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Here is css</p>
  
  <pre><code>.marketing-main-page-content-FAQ {
      /* margin-top: 80px; */
      padding: 231px 0px;
      background-image: url(https://svgshare.com/i/8K7.svg);
      background-repeat: no-repeat;
      background-size: 150vw;
      background-position: right 0;
  }
  .marketing-main-page-content-FAQ_pytanie {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  
  .marketing-main-page-content-FAQ_pytanie-card {
      width: 536px;
      height: 132px;
      font-family: Roboto;
      margin-top: 20px;
      font-size: 25px;
      text-align: center;
      vertical-align: middle;
      display: table-cell;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 41px;
  }
  .marketing-main-page-content-FAQ_pytanie {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .marketing-main-page-content-FAQ_header p {
      width: 451px;
      height: 184px;
      font-size: 35px;
      font-family: Roboto;
      color: #707070;
  }
  .marketing-main-page-content-FAQ_header {
      margin-left: 40px;
  }
  </code></pre>
  
  <p>I tried different combination but I could not manage to solve the problem,</p>
  
  <p>what do I need to do to get what I want?</p>