.dark-background-image-text {
    position: relative;
    background-color: var(--brand-black);
    overflow: hidden;
}

.dark-background-image-text .container-fluid {
    position: relative;
    z-index: 1;
}

.dark-background-image-text .homepage-heading {
    font-size: 40px;
}

.dark-background-image-text .btn {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .dark-background-image {
        position: absolute;
        top: -80px;
        left: -120px;
        height: calc(100% + 80px);
    }

    .dark-background-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        -o-object-fit: cover;
        font-family: 'object-fit: cover;';
    }

    .dark-background-image-text {
        min-height: 490px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dark-background-image-text .black-overlay {
        background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    }

    .dark-background-content {
        width: 61%;
        margin-left: auto;
    }
}

@media (min-width: 1200px) {
    .dark-background-image-text .container-fluid {
        margin-right: 0;
    }

    .dark-background-image {
        left: -12px;
    }

    .dark-background-image-text .homepage-heading {
        font-size: 55px;
    }
}

@media (min-width: 1400px) {
    .dark-background-content {
        margin-right: auto;
        margin-left: auto;
    }

    .dark-background-image-text .black-overlay {
        background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 42%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 42%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 42%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    }
}

@media (min-width: 1600px) {
    .dark-background-image-text .black-overlay {
        background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    }
}

@media (min-width: 2000px) {
    .dark-background-content {
        margin-left: 0;
    }

    .dark-background-image-text .black-overlay {
        background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    }
}