title: How to double an image size in HTML using only CSS?
body: <p>I have tried using
  In HTML:</p>
  
  <pre><code>&lt;img src="../Resources/title.png" /&gt;
  </code></pre>
  
  <p>In CSS:</p>
  
  <pre><code>img {
    width: 200%;
    height: 200%;
  }
  </code></pre>
  
  <p>But this scales the images based on the parent tag the image is in.  If an image is 150px by 150px I want to scale it to 300px by 300px.  I want this to work for all images no matter their size or parent tag.  And I only want to use CSS.  ideas?</p>