.background-image-cta {
    padding: 5rem 0;
    background-size: cover;
    background-position: center;
    position: relative;

    &.no-button {
        padding: 20rem 0;

        p {
            margin: 0;
        }
    }

    &.overlay-White {
        &:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba($c-white, 0.8), transparent);
            z-index: 1;
        }
    }

    &.overlay-Black {
        color: $c-white;
        text-align: center;

        &:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba($c-black, 0.6);
            z-index: 1;
        }

        .col:last-of-type {
            display: none;
        }
    }

    .container {
        position: relative;
        z-index: 2;
    }

    h1, h2, h3 {
        @extend .headline-xl;
        text-transform: uppercase;
    }

    p {
        font-size: 27px;
        margin-bottom: 2rem;
    }
}