title: Compressed images files not showing up in html page
body: <p>I compressed the files gif to mp4 and jpeg to jpeg2000 but when I specify this in my code the background image does not show up</p>
  
  <p>Names are correctly spelled</p>
  
  <pre><code>header {
    text-align: center;
    background: url('./banner.jpg' /*to jp2*/) no-repeat top center;
    /* background-size: cover; */
    overflow: hidden;
    padding-top: 60px;
    margin-bottom: -50px;
    background-size: 100%;
  }
  
  &lt;img src="./longBoard.gif/*to mp4 */" alt="Person Longboarding Downhill" class="hobies-image"&gt;
  </code></pre>
  
  <p>Picture and gif to show up</p>