iOS上的CSS背景问题

我将以下背景图像应用于我的网站上的一个页面：

<div class="category-background" style="background-image: linear-gradient(to bottom, #fff 0%, transparent 20%, #fff 100%), url(/images/categories/pagebg-pattern.svg)"></div>

在Android和Windows上测试时，它看起来与预期一致，如下所示：

然而，在iOS上，不知什么原因，它看起来是这样的。这在Ecosia和Safari都有发生。

---

如果不知道SVG是如何设置的，很难进行评论。此链接值得一读，因为SVG如何作为背景图像进行缩放并不总是显而易见的[link]

.category-background {
  height: 600px;
  width: 100%;
  position: absolute;
  background-size: 250px;
  z-index: -1;
  opacity: 0.07;
}