I’ve noticed that Shopify compresses product images to make them smaller and improve page loading speed. Unfortunately, this can sometimes lead to blurry images.
Therefore, You can use different images for mobile view and desktop view. At www.emerdepot.com - a Medical Supply store website- we face the same problem. Our developer team suggests having 2 different images for the banner(mobile view & desktop view).