CSS 背景图像 JPG 保存为渐进式但网站呈现基线

我有一个使用 GIMP 保存为渐进式的 JPG。当我使用在线工具检查 JPG 时，它显示为渐进式。但是图像总是加载基线

在 CSS 中，此 JPG 被设置为背景图像，上面有线性渐变。

background-image: linear-gradient(
      to bottom right,rgba(0,0.7),0.2)
    ),url(../images/coverpage.jpg);

删除线性梯度没有任何区别，它仍然加载基线。

关于此主题的其他主题存在渐进式 JPG 无法加载然后突然出现的问题。但是在我的情况下它加载基线（而不是不加载和出现）。

任何帮助或建议将不胜感激。我已经没有这个想法了。

请参阅下面的代码笔示例。我已将图像完全未压缩以帮助查看基线负载。

谢谢

安迪