What you need to know
Images with different source dimensions can make card rows uneven and cause layout shifts while they load. A stable aspect ratio reserves predictable space and makes a gallery easier to scan.
How to apply it
Set a ratio on the media wrapper, use object-fit: cover when cropping is acceptable, and provide intrinsic image dimensions or a framework image component. Add object-position when the subject needs a deliberate crop.
Common mistake to avoid
Do not crop important text or faces just to make every image fit. Use contain or an alternate ratio when the full image is meaningful.
