WebP image exported from Photoshop looks blurry on website

Hi everyone,

I created and exported a website banner in Adobe Photoshop. The image looks clear and sharp inside Photoshop and when opened locally, but after uploading it to my website, it appears slightly blurry and the colours do not look exactly the same.

This is the page where the exported image is being displayed:
[link removed]

I exported the image in WebP format to reduce its file size and improve page-loading speed. I have also tried exporting it again at a higher quality, but the difference is still visible on the website, especially on mobile screens.

Could this be related to the Photoshop colour profile, WebP export settings, image dimensions, or browser scaling?

Should I convert the document to sRGB before exporting, or use a different Photoshop export option for website banners?

Thanks for any guidance.