title: How to make background image opacity change without the entire body div changing?
body: <p>I have created an ID for my HTML body called #indexbody. I put a background image with CSS using <code>background-image:url(&quot;hs2.webp&quot;);</code>. Because I Have done it this way, is there a way to change the background opacity of my image without dimming the entire body?</p>
  <p>CSS:</p>
  <pre><code>#indexbody{
    background-image:url(&quot;hs2.webp&quot;);
    background-size: 100% auto;
  }
  </code></pre>