Image slider: maintaining equal height for all images while keeping slider responsive

Question

In my JS image slider (Owl-Carousel), images have different dimensions:

http://goo.gl/KmpX2P

Answer 1

You can achieve equal height using flexbox. Try this:

.owl-stage
   display flex
.owl-item
   flex 0 0 auto