There are some conflicts between Webflow transparencies specifically in Safari browsers. As you can see right here:
https://discourse.webflow.com/t/gradients-not-showing-properly-in-safari/34757
https://discourse.webflow.com/t/strange-gradient-display-in-safari/57708
Long story short, Webflow’s default transparent swatch is a rgba(0, 0, 0, 0), and Safari in understands this as faded shade of black. So, the suggested workaround is to change it to rgba(255, 255, 255, 0).
Maybe I am a hard newbie, but it seems that Webflow’s default transparent swatch is not editable. So, to prevent further bugs on a loooong project, I would have to through each instance of that transparency (even within gradients) and change it - or create a douche-bag script to just to patch this. 😂
Fix the Safari-Webflow transparency issue (seems too expensive to do)
Make the default transparent swatch editable. (that would be great)
Make the default transparent swatch be rgba(255, 255, 255, 0). (not the best thing in the world, but that's ok)