Fix iOS14 cart image bug

[ludoboludo]

Why are these changes introduced?

Fixes #1409

What approach did you take?

Added an align-items: flex-start; property to prevent the image from stretching.

Other considerations

Testing steps/scenarios

• Using browser stack and/or and iOS device running Safari version 14, go to the home page, click on a product (the dog one is a good example) from the feat. collection section, and add it to the cart. Then check the cart page and confirm that the image is using the right size. No weirdness.
• Test in other browsers on desktop to make sure it didn't break any of the original layout/sizing.

Demo links
Please include a link to a demo store that includes preconfigured sections and settings to allow reviewers to easily test the features you are working on.

• Store
• Editor

Checklist

• Followed theme code principles
• Linted with Theme Check
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility

[andrewetchen]

Works great!

• Using browser stack and/or and iOS device running Safari version 14, go to the home page, click on a product (the dog one is a good example) from the feat. collection section, and add it to the cart. Then check the cart page and confirm that the image is using the right size. No weirdness.
  • Tested using iOS 14.2 with no image weirdness
• Test in other browsers on desktop to make sure it didn't break any of the original layout/sizing.
  • Tested and working on desktop on Safari and Firefox 👍🏼

[gregjotau]

@ludoboludo can this be merged in? Since we only cherry pick commits from the main branch :)

[ludoboludo]

@gregjotau just going to get another dev to review and should be merged by the end of the day 👍

[sofiamatulis]

Nice 🎉