Dawn Theme -- Collection List Images Blurry on Chrome

[goodboyvintage]

Hello -- I'm having an issue in my store where on the Chrome browser, my collection list images appear blurry. When I hover over them, they briefly become high res, then go back to being blurry. I'm using the new dawn theme and I'm not having this issue with any other images, just the collection list on the home page. No issues on mobile / in Safari. My site is live at goodboyvintage.com, and I've screen-recorded a video of the issue here: youtube.com/watch?v=NGX3ysTP31Q

Thank you for your time -- any help would be much appreciated!

[LitCommerce · Accepted solution]

Hi @goodboyvintage,

Please go to snippets > card-collection.liquid file and change code here:

beforeafter

Code:

<img
              src="{{ card_collection.featured_image | image_url: width: 1500 }}"
              alt="{{ card_collection.title | escape }}"
              height="{{ card_collection.featured_image.height }}"
              width="{{ card_collection.featured_image.width }}"
              class="motion-reduce"
            >

Hope it helps!

[goodboyvintage]

Thank you so much! Immediate and easy fix. Appreciate your expertise!

[kumalein]

Thank you so much, this was the only solution that worked! 

[maubertbaptiste]

Hello, I just managed to replace your new code but it does not work for me...

[Danmuges]

thankyou. youre a lifesaver

[Ethan231]

Try to tweak the number in the code above for those who have trouble with the image sharpness. 1500 may be way too high/low for ya!