I think your issue is not about the size of the image element itself, but rather the entire page responsiveness settings.
Using the keep image proportions will change the size of the image and keep the entire image visible, although at a smaller scale.
Having different screen rations, such as the difference between an iPhone in horizontal or vertical position comes to a page responsiveness settings. You can put an image element into a group element to get more control over the image and its position and visibility for page responsiveness.
Sometimes you might put that image on the right side of the page, but because of page width you might need to put the image under the text currently on the left side of your page. This will require you to use page responsiveness settings.
Something like this.

I have a group on the left and a group on the right. The group on the right has a copy of it underneath the group on the left. I use responsive editor to set ‘hiding rules’ for the right side group for responsive behavior I want to acheive.
Page responsiveness is tricky and takes time to master, if anybody could really master it.
2 Likes