title: How to stop repeating images in CSS?
body: <p>How to stop repeating images in CSS? Please help,</p>
  <p><img src="https://i.stack.imgur.com/sP0Sw.png" alt="Why when I'm entering an image in CSS, the image is repeating?" /></p>
  <p><strong>CSS code</strong></p>
  <pre><code>header{
    background-image: url(originalMattress.jpg);
    text-align: center;
    padding: 5px;
    height: 450px; 
  }
  </code></pre>
  <p><strong>HTML Code</strong></p>
  <pre><code>&lt;header&gt;
      &lt;p class=&quot;top-liner&quot;&gt;over 35,000 5* reviews&lt;/p&gt;
      &lt;h1&gt;This is what award-wining comfrom feels like&lt;/h1&gt;
      &lt;a href=&quot;#&quot; class=&quot;main-button&quot;&gt;Shop for mattresses &lt;/a&gt;
      &lt;p class=&quot;footer-text&quot;&gt;According to capers global onsite customer reviews&lt;/p&gt;
  &lt;/header&gt;
  </code></pre>