First photo in product page are mush smaller tan other photos

Topic summary

Issue: On Shopify product pages, the first product image displayed much smaller than the others; subsequent images were correctly sized. Images illustrating the issue were attached, and code adjustments were central to the fix.

Actions: Support asked for the store URL and provided code to add in theme.liquid right after the tag. After the first code change, all images became square and lost correct proportions. Support then supplied an updated snippet, which fixed the sizing. A follow-up concern about reduced image quality led to a third code update.

Outcome: The final code update resolved both the sizing and quality issues. The user confirmed everything is “perfectly fixed.”

Status: Resolved; no outstanding questions.

Notes: Exact code snippets are not shown in the thread, but multiple iterations to theme.liquid were necessary to correct image aspect ratio and quality.

Summarized with AI on January 6. AI used: gpt-5.

Dear Dan,

I did add your code in theme, but now all photos are changed to square, and proportion are changed also. What should I do?