title: How a background image can be responsive the easy way?
body: <p>Is it possible to make a background image responsive so it is scaled proportionally from a desktop to a mobile device in the following code?</p>
  
  <p><strong>CSS</strong>:</p>
  
  <pre><code>div.backgroundimage {
    background-image: url('images/image.jpg');
  }
  </code></pre>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;div class="backgroundimage"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>Please note I have read all similar questions posted but no answer implement proportionally scaling. I mean, with some examples it is possible to scale the width but all replies are missing how to scale the height.</p>
  
  <p>Thank you!</p>