.overlayBG {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;

}

@media (max-width: 767px){
    .overlayBG {
    z-index: 10;
    background: #000000;
    opacity: .4;

}
  .pwr-hero__info-box{
    z-index:11
}

@media (max-width: 767px){
    .overlayBG {
    z-index: 10;
    background: #000000;
    opacity: .8;

}
    .pwr-hero__info-box{
    z-index:11
}
}