title: Use background image in css along with white color background in center of page
body: <p>I am using this code to use an image as background inside <code>&lt;body&gt;</code> tag</p>
  
  <pre><code>body {
     margin: 0; auto;
     font-family: Arial, Helvetica, sans-serif;
     background-image: url('image-blur.png');
     background-repeat: no-repeat;
     display: table-cell;
     vertical-align: middle;
     opacity:1;
  }
  </code></pre>
  
  <p>But the image overlays the white background of the page. I would like the image to overlay only on the left side and right side of the html page. In the center of the page data exists. I need to maintain the white color background on data area but at the same time use as a fixed background the image. How can i achieve this? Any help appreciated.</p>