I'm currently working on a school project where we are creating a website. However, I've encountered an issue with an image. It's a bit difficult to explain, so I've uploaded a video to help illustrate the problem. Essentially, I want the image to maintain its width when the height is adjusted. Currently, when I resize the window and the height changes, the image width also changes, resulting in a distorted appearance. Please watch this video to see the issue for yourself: https://www.youtube.com/watch?v=9ybm9rlast0
I would like the image to function similar to how images work in Gmail. Thank you in advance for your help!