Image looking blurred

Hi,

I need help with the image on top that looks blurred.

CSS code:

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img {
width: 560px;
height: 250px;
}

I cropped the image to 560 x 250px, and set the same in the CSS code, but the result is the same as can be see in the live link.

When I try to set image width and size to auto, the image looks tiny.

The image itself is high resolution and looks when viewed separately.

Kindly help.

Theme is Blog Nano free version.

Thanks,

Amit

The page I need help with: [log in to see the link]