Layerslider blurry image (enfold)

Dear all,

Its my first time I’m working with WordPress, its even my first time I’m trying to build a website.
As you understand I’m very new with this.

My question:
When I’m adding images to my layerslider it shows very blurry on my website.
The image doesnt show blurry in the editing space in wordpress, but only on my website.
The images that I use are vector images (.ai) To use them for my site I save them as .png files.
I assuming this is not the correct way as they show very blurry (in Chrome as in Firefox).

Could you please advice what I’m doing wrong?