.fa-new-banner-header-image {
    max-height: 500px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .fa-new-banner-header-image img {
        filter: brightness(50%);
    }

.fa-new-banner-text {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: xxx-large;
    max-width: 45%;
}

@media screen and (max-width: 992px) {
    .fa-new-banner-text {
        max-width: 100%;
        font-size: xx-large;
    }


    .fa-new-banner-header-image img {
        min-height: 250px;
        object-fit: cover;
    }
}


@media screen and (max-width: 576px) {
    .fa-new-banner-text {
        max-width: 100%;
        font-size: x-large;
    }
}