So I have noticed that my images look fuzzy on the website. The reason being is because I have a 4k monitor and my display settings on the computer is set to 150% so things don't look so small.
Lightroom knows about this and handles the pixels density and ratio properly. However, the web browsers do not. Therefore, in my case, images look 150% and pretty bad.
having said that, If I export from lightroom and save as a 4000 pixel image, the its scaled down in the browser a little and it looks decent.
Here is an example of the image exported in 4000 pixel
https://www.leicaimages.com/photo/100079
compared to 2000
https://www.leicaimages.com/photo/100074
I can try and code around this but I thought this would be a temporary solution.
