Safari stretched images

Design help General
1

I have a Flex Box grid layout that gets funky in Safari. It’s totally fine in Chrome and Firefox. I’ve tried manipulating a number of things but it keeps stretching three of our profile images. See attached screen grab of affected section. Any suggestions appreciated!

Live page: 828:design / Studio / Graphic Design and Web Design Asheville NC

https://preview.webflow.com/preview/828design2?utm_medium=preview_link&utm_source=dashboard&utm_content=828design2&preview=5a1557443f2c1f774210cea44a4fb851&mode=preview

safari-stretch
safari-stretch1000×427 173 KB

2

Try setting Flex Align Center to the parent (studio who we are).

Screen Shot 2020-07-29 at 12.38.16 PM
Screen Shot 2020-07-29 at 12.38.16 PM482×794 32.8 KB

3

Thanks for the suggestion. Unfortunately, still has the same issue.

4

I just ended up making everything fixed height, which seems to be the only solution. Something funky with flexbox in Safari in this instance.