title: How to place an image over an image with bootstrap
body: <p>Any idea how I can add an image that is bottom center over another image?
  I have the following code:</p>
  
  <p><a href="http://pastebin.com/LMjQp4Ni" rel="nofollow noreferrer">http://pastebin.com/LMjQp4Ni</a></p>
  
  <p>This produces the following result ->
  <a href="https://imgur.com/a/gYmCu" rel="nofollow noreferrer">http://imgur.com/a/gYmCu</a>
  So how can I do a responsive image over image in this situation? I want the dog to be in the middle bottom part of the nature image?</p>