title: CSS background image will display locally but not on gh-pages, receive 404 error
body: <p>Recently I was attempting to update my portfolio by adding a background image to the 'intro' class below.  I added the image through CSS and when opening my portfolio locally in Chrome the image was displayed correctly.  However, after committing my changes and then pushing up to my gh-pages the background image no longer displays.  Instead I am left with:</p>
  
  <pre><code>Failed to load resource: the server responded with a status of 404 (Not Found) http://jlquaccia.github.io/jq-design/img/swirl_pattern.jpg
  </code></pre>
  
  <p>Can someone please help?  I feel I have done this before without hitting any problems..  I'm also assuming that this should be an easy fix.  My code is below:  </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;section class="intro"&gt;
          &lt;h1 class="intro-title"&gt;{ Hello, I'm Jason Quaccia. &lt;br&gt; an aspiring Bay Area based Front-end Web &lt;span class"dev-design"&gt;Developer&lt;/span&gt; &amp;#38; &lt;span class"dev-design"&gt;Designer&lt;/span&gt; }&lt;/h1&gt;
          &lt;div class="down-arrow"&gt;
              &lt;a href="#about"&gt;&lt;img class="down-arrow" src="./IMG/arrow-203-32.png" alt="Down Arrow"&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.intro {
      height: 35em;
      background: url(../img/swirl_pattern.jpg);
  }
  </code></pre>