How To Float The Background Image To The Left Side?

I have section which I want add a background image placed on the left side Here is jsfidlle of what I have done so far: UPDATED LINK : http://jsfiddle.net/Mwanitete/4f6xuh8b/39/

Solution 1:

Maybe this is closer to what you want. I changed the background size to something that reflects window width.

.marketing-main-page-content-FAQ {
    padding: 231px0px;
    background-image: url(https://svgshare.com/i/8K7.svg);
    background-repeat: no-repeat;
    background-size: 150vw;
    background-position: right 0;
}

Demo

Easiest way that comes to my mind about not cutting the background with the next div is adding more padding-bottom and pulling it back with -margin. The next background probably won't hit the exact spot you want, but in responsive design is kinda hard to synchronize those two. Feel free to play with those two values.

.marketing-main-page-content-FAQ {
    padding: 231px0px944px;
    background-image: url(https://svgshare.com/i/8K7.svg);
    background-repeat: no-repeat;
    background-size: 150vw;
    background-position: right 0;
    margin-bottom: -713px;
}

Demo