CSS 背景图像不适用于移动设备

Question

在我下面的代码中，我的背景没有在移动设备上显示，但在桌面上它可以正常工作。

html {
    height: 100%;
    overflow: hidden;
    background-image: url(https://4kwallpapers.com/images/wallpapers/macos-big-sur-apple-layers-fluidic-colorful-dark-wwdc-2020-5120x2880-1432.jpg);
    background-size: cover;
    background-position: center;
    background-color: black;
}

而且，当我使用下载的图像时，它不会像这里的代码那样显示背景图像。它只会显示黑色背景

html {
    height: 100%;
    overflow: hidden;
    background-image: url('images/big-sur-bg.jpg');
    background-size: cover;
    background-position: center;
    background-color: black;
}

查看：timmiefmedia.eu（在手机上查看背景为黑色）