css — изображение параллакса не работает после того, как я изменил свой HTML на переполнение стека

Мой параллакс вообще не работает после того, как я изменил свой HTML на PHP. Это показывает черный фон, а не изображение параллакса, который я делаю

это мой CSS: style_new.css

.bgimg-1, .bgimg-2, .bgimg-3 {
opacity: 0.65;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 472px;
}

.bgimg-1 {
background-image: url("../img/ourmenu1.jpg");
min-height: 100%;
}

.bgimg-2{
background-image: url("../img/ourmenu2.jpg");
min-height: 100%;
}

.bgimg-3{
background-image: url("../img/asianbuffet2.jpg");
}

И это мой код на вид

<!--- Parallax -->
<div class="col-md-12 bgimg-1">
</div>