title: Media query not working with background images
body: <p>I have a div on my website with the following styles:</p>
  <pre><code>#image {
      background-image: url(../Images/logo.png);
      border-right: 1px solid black;
      height: 80px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      width: 200px;
  }
  </code></pre>
  <p>It's actually the company logo. I want to change this logo for smaller screen sizes so I made the following media query:</p>
  <pre><code>@media only screen and (max-width: 930px){
      #image {
          background-image: url(../Images/logoImage%20copy.jpg); 
          width: 88px; 
      }
  }
  </code></pre>
  <p>But the Image was still not changing. I then added !important:</p>
  <pre><code>@media only screen and (max-width: 930px){
      #image {
          background-image: url(../Images/logoImage%20copy.jpg); !important
          width: 88px; !important
      }
  }
  </code></pre>
  <p>But it is still not changing the background image.</p>
  <p><strong>The media query is working finely except for this (as other properties are working)</strong></p>
  <p>I am also including the html code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media only screen and (max-width: 930px){
      #image {
          background-image: url(http://placehold.it/80x88); !important
          width: 88px; !important
      }
  }
  
  #image {
      background-image: url(http://placehold.it/200x80);
      border-right: 1px solid black;
      height: 80px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      width: 200px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="image"&gt;&lt;/div&gt;
      &lt;!--Some Code--&gt;</code></pre>
  </div>
  </div>
  </p>