title: Background image Bootstrap
body: <p>Hi this is my first question on Stack Owerflow. I am trying to solve a challenge on Frontend Mentor. 
  I have made a container with 2 columns, and I want to place a SVG background image on the left col. 
  I have tried to insert the SVG in the HTML file, and it worked, but when I use CSS nothing happens. 
  This is the code:</p>
  
  <p>'''</p>
  
  <pre><code>&lt;body&gt;
    &lt;div class="container-fluid"&gt;  
       &lt;div class="row"&gt; 
         &lt;div class="col-7 left"&gt;
          &lt;h1&gt; We're coming soon&lt;/h1&gt;
  
        Hello fellow shoppers! We're currently building our new fashion store.
        Add your email below to stay up-to-date with announcements and our launch deals.
  
        Email Address
         &lt;/div&gt;
  
       &lt;!-- Right side --&gt;
      &lt;div class="col-5"&gt;
        &lt;img src="images/hero-desktop.jpg"&gt;
      &lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
  &lt;/body&gt;
  
  
  
  
  .left{
      background-image: url('images/bg-pattern-desktop.svg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: auto;
  }
  </code></pre>
  
  <p>'''</p>
  
  <p>Can anyone help me. </p>
  
  <p>Feel free to comment on my frist question.</p>
  
  <p>Thanks 
  Karsten</p>