A website can crop a correct poster when its image container has a different aspect ratio and uses cover fitting. Open the original image separately before regenerating anything. If the face or date exists there, review the website's placement and crop rule rather than assuming the downloaded artwork is incomplete.
Compare the image and the slot
Record the original image dimensions and the visible container's proportions on phone and desktop. Mark the content that must survive: perhaps a face near the top and the event date near the bottom. A single “focal point” cannot always protect both.
MDN explains that object-fit: cover preserves an image's aspect ratio while filling the box, clipping content when the ratios differ. Contain preserves the whole object with possible empty space, while object-position controls alignment. MDN: object-fit, MDN: object-position.
Show why positioning may be insufficient
Consider an original 1200-by-1800 poster placed in a 1200-by-400 slot. At the width-fitting scale, only 400 of its 1800 vertical pixels fit in the slot. Moving the visible window upward or downward cannot show two required details whose vertical separation exceeds that window.
This is an illustrative geometry calculation, not a tested browser result. It explains why repeatedly nudging the crop may never satisfy the brief. A different source crop, a taller container or whole-image fitting may be the appropriate design decision.
Prepare an intentional placement candidate
This is a proposed website review. First show the entire approved poster as a reference. Then compare the live slot with three explicit choices: full-image display, an approved crop or a separate composition designed for that placement.
Do not stretch the image to force all corners into the box. If an alternative crop drops the poster's date, provide the exact date as visible page text beside it and make sure the overall information remains complete. Do not silently replace an event date inside the artwork merely to make a neat thumbnail.
Give the implementation owner a short placement brief: container ratio, protected subjects, whether cropping is allowed and where exact event information lives. The goal is a usable layout, not a universal percentage value.
Acceptance on the actual page
Check the final page at a narrow phone width, an intermediate width and desktop. Open the requested image resource separately as well. Pass when the approved protected content survives or is deliberately provided elsewhere in the visible layout, and no face is stretched.
Fail if the desktop preview alone is correct, if important content disappears at another breakpoint, or if a low-resolution screenshot substitutes for the approved master.
Imagild can provide the artwork or a new approved composition. CSS fitting and responsive placement belong to the website implementation. Changing delivery resolution alone does not resolve an incompatible crop geometry.