⚡ Quick Fix (TL;DR)

The Culprit: object-fit: cover crops an image to fill its container, which isn't always what's wanted if the full image needs to stay visible.

The Fix: Let the image scale to fit within its container without cropping, adding empty space on the shorter side instead.

.my-image {
  object-fit: contain;
}