Dawn Theme Collection Hero Images on Mobile

[kbroadhurst]

Hi I'm having some trouble with the images on my Collection pages. I am using Dawn theme and the problem I'm having is with the Collection Banner section. I have the box checked to display the Collection Image which looks great on desktop but on mobile the images are blurred. I have tried lots of different variations of image size and resolution and it makes no difference. Whatever image I use it looks fine on desktop but blurry on mobile. I've tried the exact same images in other places on the site as banner images and product images just to test how they show up and they display absolutely fine elsewhere. So it must be something to do with the Collection Banner specifically? Can somebody help me fix this? 

Here are some examples:

Desktop collection banner with image displaying fine. 

Mobile version with image blurry. 

As I mentioned I have tried various image ratios, sizes and resolutions but nothing is making a difference. Can anybody help? 

My website is still in development but the link is - https://18f0de-2.myshopify.com/

Any help very much appreciated!

[kbroadhurst · Accepted solution]

Solved on a separate thread - https://community.shopify.com/c/shopify-discussions/collection-banner-images-blurry-on-mobile-dawn-t...