Experience Builder Image widget aspect ratio not reflected on mobile device

C837410204_CSUesri

I have an Experience Builder Image widget configured to have the “Keep aspect ratio” at 100w and 25h. When I click the different device size buttons for testing on the backend of the Web Experience and narrow the browser from a previewed Web Experience, the image appears as expected. However, when I open the Web Experience on an actual mobile device, the Image is squished. The Image widget is contained within a few Row and Column widgets, which all have Widths of Stretch and Heights of either Auto or Stretch. Is there anything else I should be doing? Given the previews look correct, I’m wondering if this could be a bug? See attached screenshots comparing how this appears for each instance.

NicoleJohnson

I wasn't able to get similar results doing roughly the same thing (can't be sure without the specific configuration details).

I messed around a little and this seems to work both in preview and on an actual mobile device (a lot of these settings aren't actually relevant, but I'm putting them here so you can try exactly what I did):

Block (not sure if you have a scrolling page, but I assumed you do):

Layout: Gap 10, Padding 10; Size: Width 100%, Height Auto

Inside the block, place a Column:

Layout: Vertical Align Start, Gap 10, Padding 0; Size: Height Auto, Align Top

Inside the column, place a Row (doesn't seem necessary to me but you know your layout better than I do):

Layout: Gap 10, Padding 0; Size: Width Stretch, Height Auto

Inside the row, place an Image:

On the content tab, make sure Position is Fit, Height is Auto (I tried with and without checking "keep aspect ratio" and it didn't seem to make a difference, I think since the height is already Auto)