keep proportions of image when scrolling out (ctrl - ) css

Question

I am having this issue at: http://bananabay.dejaloasi.com/ where when i zoom out the image of the slider get cuted and won't allow to see correctly. I've already read and try this Zoom in/out how do I keep the aspect ratio?, applying the height auto on the img and both of max width and height. But still haven't got the expected results. Any help would be very helpful.

Answer 1

Try adding this css:

.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
    width: auto !important;
}

This will get the image maintain proportion but on large screen image wont expand to cover entire screen & it shouldn't cuz it gets pixelated if stretched