title: how to make div background image responsive
body: <p><strong>How to make this image responsive</strong></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;section id="first" class="story" data-speed="8" data-type="background"&gt;
      &lt;div class="smashinglogo" id="welcomeimg" data-type="sprite" data-offsetY="100" data-Xposition="50%" data-speed="-2"&gt;&lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#first .smashinglogo {background: url(../images/logo1.png)  50% 100px no-repeat fixed;}
  </code></pre>