.page-header{
    --bg-image: url("../images/ata_header.png");
    --bg-image-opacity: .5;

    display: grid;
    place-content: center;
    text-align: center;
    min-height: 350px;
    
    position:relative;
    isolation: isolate;
}

.page-header::after{
    content: '';
    position: absolute;
    z-index: -1;
    inset:0;
    opacity: var(--bg-image-opacity);
    
    background-image: var(--bg-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

.header-image{
    padding-top: 10px;
}