title: How to center crop an image (<img>) in fluid width container
body: <p>How do I get an image to stay centered when its fluid width (percentage based) container is too small to show the whole image? </p>
  
  <p><img src="https://i.stack.imgur.com/TYa3B.gif" alt="enter image description here"></p>
  
  <p><strong>How can I center the image inside it's container</strong></p>
  
  <p>This means it should show the middle of the image instead of the sides when container is too small.</p>