CSS HTML - 背景图像推入标题

Question

我有一个问题，当页面不足以加载正文中的完整图像时，背景图像会被推入标题。

@media (min-width: 1350px)
.page-wrap {
    background-image: url('whitebg5.png'), url('leftbiger.png'), url('rightbiger2.png');
    background-repeat: repeat-y, no-repeat, no-repeat;
    background-position: center top, left center, right center;

主页看起来像这样：

但是不高的产品页面看起来像这样：

有谁知道我可以解决这个问题？

我尝试过使用边距和填充，但结果是标题也被边缘推下来了。背景大小：容器;似乎也没有用。

如果有人知道修复，我会非常感激。