如何修复背景图片以响应移动视图

Question

我制作了一个WordPress网站https://www.koolkatac.com，除了在手机上进入移动视图时，背景图像放大且模糊不清。

下面是我在wordpress外观模块上的自定义面板中尝试过的css编码。

#body.custom-background {
    background: #000000 url(http://koolkatac.com/wp-content/uploads/2019/04/FEOJ5790.jpg) no-repeat center top !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

@media only screen and (max-width: 478px) {
    #body.custom-background {
    background-size: 100% !important;
    }
}