title: HTML, CSS - image inside image, how to do that?
body: <p>I have this piece of HTML code:</p>
  
  <pre><code>&lt;div&gt;
    &lt;div&gt;
      &lt;image src="image-inside-pic-png.png" alt=""&gt;
    &lt;/div&gt;
    &lt;image src="pic.png" alt="" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <strong>pic.png</strong> (300x300 px) is the main image. I would like to put the <strong>image-inside-pic-png.png</strong> (20x20 px) inside of it. When I apply <strong>position: absolute;</strong> on the small image, it works only momentarily.
  If I change the size of either, it no longer works.</p>
  
  <p>So my question is, how can I move the small image always in the big image - and this small image will be always <strong>15px</strong> from the top and <strong>30px</strong> from the right margin of the big image?</p>
  
  <p>Thank you for help</p>