Animations not working correctly with Safari

[Why me?]

Hi, I'm totally new to this, but haven't been able to find this question existing in the forums, so apologies if I've missed this somewhere else.
I'm putting a website together and have added some animation in the form of bluring and scrolling for some images. The page looks ok on google, brave etc, but on Safari there are some odd marks under the images, is there any way I can keep my animations on some browsers but turn them off for browsers such as Safari where they don't seem to work, or is there any other solution anyone can think of..?
Thanks in advance.

 

[sms-design]

you can use a custom css to target elements showing for certain browsers, or inspect your page with the chrome dev tools and find whats causing the odd marks and apply a display: none to the element.

There is an article on CSS Tricks that may help

appearance | CSS-Tricks

The appearance property is used to display an element using a platform-native styling based on the users' operating system's theme.

css-tricks.com