title: How to rescale image relative to its own size in HTML and CSS
body: <p>How to re-scale image relative to its own size in HTML and CSS?</p>
  
  <p>I want an image to be scale up to <code>170%</code> of its own size, or scale it down to <code>50%</code> of its own size rather than the size if it's parent element.</p>
  
  <p>I've tried this:</p>
  
  <pre><code>&lt;div&gt;&lt;img src="0001.svg" height="50%"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>it re-scales relative to its parent element's height.</p>