CSS透過グラデーション linear-gradient がsafariだけ黒くなる問題

透過グラデーション linear-gradient が、safariだけ黒くなってしまう場合、
transparentではなくrgba()で指定すれば大丈夫です。

transparent → rgba(255,255,255,0)(白透明の場合)

background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 30%);

参考サイトはこちら
https://glatchdesign.com/blog/transparent-css-gradient-safari/