Images blurry in LayerSlider

Hi,

I have recently implemented the Enfold theme on our wordpress website. We use the LayerSlider for the banner images in the main content area. However, the images appear blurry when you look at the website. They are not blurry in the LayerSlider or the media library. I did find a thread and tried to implement the css below — which fixed the blurriness BUT then the images are not responsive on mobile phones. Can you please help us with this issue.

https://kriesi.at/support/topic/blurry-images-in-header-slider/

.ls-preloaded {
    width: auto !important;
    height: auto !important;
}

Thank you!