title: Set background image but leave all text in front
body: <p>I want to set the entire <code>main</code> to have a background-image without effecting the text or input fields I have.</p>
  <pre><code>&lt;body&gt;
     &lt;main&gt;
     &lt;img src=&quot;/images/auto-repair.jpg&quot; alt=&quot;repair&quot;&gt;
     &lt;div&gt;
         Something Here
     &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>In CSS, if I change opacity, it changes the font too</p>
  <pre><code>body img {
     opacity: 0.5;
     position: absolute;
  }
  </code></pre>
  <p>I am using bootstrap too - if that matters.</p>