title: Image slider: maintaining equal height for all images while keeping slider responsive
body: <p>In my JS image slider (Owl-Carousel), images have different dimensions:</p>
  
  <p><a href="http://goo.gl/KmpX2P" rel="noreferrer">http://goo.gl/KmpX2P</a></p>
  
  <p><img src="https://i.stack.imgur.com/FaUYH.jpg" alt="enter image description here"></p>
  
  <p>You can see that the image height varies within the carousel. How to make it constant while keeping carousel responsive? I need images to fill the slider space at all times, therefore some will have to be cropped through CSS somehow. The desired result looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/HihKG.jpg" alt="enter image description here"></p>