How can I make image sizes responsive on collection pages?

Store Design
4

@Gerardlopez

thanks for URL

please try this code.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product--wrapper {max-width: 100% !important;}
.product--image {max-width: 100% !important; max-height: 100% !important;}