Is my HTML causing the enlarged images to go soft?

[Nightwing]

Hi from one minute sunny next minute blowing a gale York UK

Working on my new site http://test.davidclick.com/test/bolton-castle-wedding-photography.html ive noticed when a thumb nail image is clicked on the enlarged image looks soft and a bit fuzzy, big stress when your promoting your services as a wedding photographer!

I am 99% confident my post production photoshop CC techniques is not at fault here, so may i ask is there anything in the guts of the HTML that is causing the enlarged images to look soft?

The image of the bride with bridesmaids row two is a great example of image definition loss when the image is enlarged. Its important i say I am adding 500 x 500 images so why the definition loss? http://test.davidclick.com/test/bolton-castle-wedding-photography.html

Thanks,
David

[SamA74]

@Nightwing

Its important i say I am adding 500 x 500 images so why the definition loss?

Because it’s displaying at 750px when blown up.

.picgrid ul li a:focus img {
 max-width: 500px;   /* not 750px */
}

[Nightwing]

@SamA74 Thank you so much, grazie infinite! You fixed it, was driving me crazy now peace has returned to middle earth