Prisma saysobject-position frames which part of an over-cropped image stays visible.
When object-fit:cover crops an image, object-position chooses what stays in view (default center). object-position: top keeps heads in portrait thumbnails; percentages and lengths give precise control. The background-position analog for media.
Power-ups you unlock
object-position frames the cropped media
Default center; e.g. "top" keeps faces
Accepts keywords, %, and lengths
The background-position analog for media
Jank the Janitor attacks — common mistakes
Cropping faces out by leaving the default center
Confusing object-position with object-fit
Forgetting it only matters when cropped
Boss battleCrop a tall portrait to a square but keep the top (face) visible with object-position:top.