How can I make product card images display as 1:1 square?

Topic summary

A user is attempting to modify product card images on their Shopify store to display in a 1:1 square aspect ratio, regardless of the original image dimensions.

Current Issue:

  • Product images are not displaying uniformly as squares
  • User has attempted to implement CSS using the “cover” property but reports it isn’t working

Technical Context:

  • This involves CSS customization of product cards, likely on collection or product pages
  • The goal is to crop/scale images to fit a square container while maintaining visual consistency

Status:

  • The discussion appears incomplete or corrupted, with garbled text making it difficult to assess whether a solution was provided
  • No clear resolution or working code snippet is evident from the available content
Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

Can you help me make these pictures cover? I want them to display 1:1 square regardless of the aspect ratio of the photo. I tried to write code with “cover” but nothing works.

https://chromemaster.eu/

123