title: Bootstrap3: Responsive Image with fixed Hight should zoom in.
body: <p>I want to make a responsive Header for my website. Obviously I used the bootstrap <code>.img-responsive</code> class. My Problem with that is, when the screen gets bigger, the height increases too, because  of <code>height: auto</code>.<br>
   So on a normal Desktop Screen the picture is too big for me. I´ve seen some websites where the image has a 100 % width, but with a fixed hight. If the width is changed the picture zooms in or pans around. Here is an <a href="http://2017.dockercon.com" rel="nofollow noreferrer">example</a> of what I mean.<br>
  I searched for resource on that online but found nothing. Can anybody of you guys help me out?  </p>
  
  <p>Thanks in advance! </p>