title: Why does the image is not showing correctly using CSS?
body: <p>I am new in learning web development especially in PHP and using CSS. The image that I have has 2560 × 1600. Is that size already enough to cover your background entirely? I only intended to put 1 background image but when I run the code, it will show as if there are 2 images.</p>
  
  <p>Below is a snippet of my output.</p>
  
  <p><a href="https://i.stack.imgur.com/kuEMz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kuEMz.jpg" alt="enter image description here"></a></p>
  
  <p>Here is my CSS code:</p>
  
  <pre><code>body{
      margin: 0;
      padding: 0;
      text-align: center;
      background: linear-gradient(rgba(0, 0, 50, 0.5),rgba(0, 0, 50, 0.5)), url(images/wp2330460.jpg);
      background-size: cover;
      background-position: center;
      font-family: sans-serif;
  }
  </code></pre>