Why is my header image blurry after CSS edit?

Hello, I edited the code to allow for my header to go up to 1000 px (250 looks too small on my site) but now the image just looks blurry - I’ve tried multiple images and image sizes so that’s not the problem.

Can anyone assist please?

Thank you,

Hello there

If you’ve increased the height of the header section in your website, the image used in the header may appear blurry or pixelated if it’s not optimized for the new size. Here are a few things you can do to fix this issue:

Resize the image

Use a higher resolution image

Use an SVG image

Check the image compression

the SVG image thing worked! thank you !