Argent: Portfolio Galleries distort wide images

[ghost]

Steps to replicate

Argent has a custom gallery is uses when you add a gallery to portfolio projects.

When you have extra wide (landscape as heck!) images in said gallery, they distort a bit on smaller viewports.

Here it is, properly sized on desktop:

Here it is at the next smaller breakpoint, distored:

Be sure to use extra wide images, as ones closer to square do not exhibit this issue!

Result

Images that are wide enough to be distorted by max-width will be distorted on mobile/tablet views.

Expected

Images to gracefully resize/crop like they do when they are closer to square.

• User report: #5714043-hc
• Follow-up ticket: #1347995-zen
• User's site: https://mariapatroncostas.com/portfolio/serie-momentos/

[alaczek]

There's a max-width set on those gallery images on mobile, but it results in squished images in this case. I had a quick look, and removing the max-width should fix it. The downside is, those uber-wide images won't fit on the screen on mobile, but at least they won't be distorted.

[github-actions[bot]]

As a part of this repository’s maintenance, this issue is being marked as stale due to inactivity. Please feel free to comment on it in case we missed something.