title: Image in div, center full size responsive
body: <p>I have a div which change width depending on browser width, responsive. In the div is an image which in the broadest version of my site is closest to the original image regarding width/height.</p>
  
  <p>When the browser window gets smaller I want the height of the image to remain but overflow of the width to be hidden. The image should be centered in the div. Is this possible? </p>
  
  <ol>
  <li>Full size</li>
  <li>Mobile version</li>
  </ol>
  
  <p>Example <a href="http://postimg.org/image/v16lb0rft/" rel="nofollow">http://postimg.org/image/v16lb0rft/</a></p>