Responsive vertical center with overflow hidden

Question

After searching both Stack Overflow and Google I still wonder how to vertical center a image that is bigger than it\'s parent element. I use no height, just max-height, because

Answer 1

if you want to make a responsive image, try using