title: Make background image responsive
body: <p>I want to make background image responsive both in width as well as in height so that i can run it in mobile.</p>
  
  <p>I have used this </p>
  
  <pre><code>.your_background_class_name {
      width: 100%;
      height:auto;
      top: 0px;
      left: 0px;
      z-index: -1;
      position: absolute;
  
  }
  </code></pre>
  
  <p>but it works in width only not in height. What changes should i do to make it work?</p>