Why does my SVG logo show a black haze on iPhone?

Hey guys,

We have changed our code to have an SVG logo in the header.

On desktops it’s fine but for some reason, on my iPhone, it has a black haze/outline behind the SVG, how can I remove that?

Theme preview link: https://x9hzganifgzez55e-22594233.shopifypreview.com