Fixing the Gotcha: Square Container + `object-cover`

To make a rectangular image perfectly circular, use a square container with `rounded-full` and `overflow-hidden`, and apply `object-cover` to the image inside.

Rectangular image in `w-32 h-32 rounded-full overflow-hidden` container with `object-cover` on `img`.

Key Classes Used for the Fix:

Container: `w-32 h-32` (or any equal width/height)
Container: `rounded-full`
Container: `overflow-hidden` (important to clip the non-circular parts of the image)
Image: `w-full h-full` (to fill the container)
Image: `object-cover` (to scale and crop the image appropriately within the container)