title: Background image with :before and :after
body: <p>I have a row on responsive website that I would like to have the attached image as a background image on top and below. I know this can be achieved with the pseudo elements <code>:before</code> and <code>:after</code>, but I am not sure how to do this.<br />
  I have the row:</p>
  
  <pre><code>.row {
      background: #444444;
  }
  </code></pre>
  
  <p>so how could I apply the image before and after?
  <a href="https://www.dropbox.com/s/e9h3w2qqvxqntps/background.svg?dl=0" rel="nofollow">https://www.dropbox.com/s/e9h3w2qqvxqntps/background.svg?dl=0</a></p>