Recently, I've been attempting to design a straightforward webpage where the image occupies 100% of the height with a small sidebar. My goal is for the image to adjust its size whenever I resize the window. However, when I change the window size vertically, the width remains constant, leading to an undesired aspect ratio distortion. I find this distortion quite frustrating and am in need of guidance on how to correct it. Any suggestions or insights as to what might be causing this issue?
.big-image {
max-height: 100%;
min-width: 20%;
margin: auto;
overflow: hidden;
}