固定背景附件的问题

Question

我有这个网站https://pure-cove-85477.herokuapp.com/courses 我在此页面上遇到的主要问题是英雄图像（＃hero-courses）未居中，如果要调整页面大小，我希望能够定位该图像，以使文本居中于面包中间会看到它完美地居中，因为背景附件是相对的而不是固定的，但是固定是我想要的。

如果您选中“ Quienes Somos”或“ Home”部分，您会发现它可以与相同的代码完美配合，但是我想是因为图像本身。

我尝试将背景位置更改为任何值，但似乎没有进行任何更改。但是，如果我更改固定附件，则位置很好，但效果不理想。

#hero-courses {
    background-color: #fff; 
    background-image: url("https://res.cloudinary.com/gnprojects/image/upload/v1548077551/Website%20images/hero_courses.jpg");
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: cover;
    height: 475px;
}

@media (min-width: 1200px) {
    #hero-courses {
        background-attachment: fixed;
    }   
}