Cover block showing blurry picture on mobile

Hi, How did you resolve the issue?

It was pretty simple:

The problem was:
At larger browser sizes this image gets used for the background – https://jeanthomasjobin.com/wp-content/uploads/2022/02/Jean-Thomas-Jobin_3@Maude-Jauvin-Denis_WEB_accueil_v03-1536×864.jpg

With mobile display it’s loading this image, which is just too small to display well – https://jeanthomasjobin.com/wp-content/uploads/2022/02/Jean-Thomas-Jobin_3@Maude-Jauvin-Denis_WEB_accueil_v03-768×432.jpg

It’s soft because it’s scaled up to fit the display.

You can see this is the case by opening the image in a separate tab alongside the website. Zoom in to the image until the head is the same size as it is in the mobile display, you’ll see the same amount of softness.

What I did:
Went in my cpanel or ftp client and uploaded bigger pictures with the same name as the one that are too small and override them. This way WordPress still use the picture it use to take but now because I’ve uploaded a bigger one it’s not blurry anymore. As long as you’ll upload them manually (not trough WordPress because they compress them) and name them the same name as the smaller one you’ll be good and won’t have to play in the code.

Hope this help!

Thank you for the response, that is an odd fix but will give it a go