Blurry SVG on mobile

My SVGs are fine on desktop, but on mobile they are super blurry (Chrome and Safari). They aren’t too small (565px by 450px) and when I open the image in a new tab it’s crystal clear.

Can anyone help?

Here is my site Read-Only: [LINK][1]

Fixed it… it was the drop shadows and blur background I had on the SVGs :upside_down_face: