title: How to place an image on the bottom right corner of an image that doesn't have a set size
body: <p>Here is my html</p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;img src="something" class="avatar"/&gt;
     &lt;div class="edit_photo"&gt;Edit&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>"edit_photo" has an image on it's background. the img tag dimensions is not set so it could be anything. But I want the "edit_photo" div to always be on the bottom right corner of the img. Is this possible with css? I can't think of a way to do this. the img tag needs to always be an img tag and I can't change it to a div.</p>
  
  <p>Thank you!</p>