.content-block-tf, 
.content-block-if {
    z-index: 3;
}

    .content-block-tf .card-body h1,
    .content-block-tf .card-body h2,
    .content-block-tf .card-body h3,
    .content-block-tf .card-body h4,
    .content-block-tf .card-body h5,
    .content-block-tf .card-body h6,
    .content-block-if .card-body h1,
    .content-block-if .card-body h2,
    .content-block-if .card-body h3,
    .content-block-if .card-body h4,
    .content-block-if .card-body h5,
    .content-block-if .card-body h6 {
        color: #000;
    }

    .content-block-tf .card, 
    .content-block-if .card {
        border: 0;
        background-color: transparent;
    }

    .content-block-tf .content-block-tf-img, 
    .content-block-if .content-block-if-img {
        position: relative;
        min-height: 450px;
        border-radius: 0.313rem;
    }

@media screen and (max-width: 575px) {
    .content-block-tf .content-block-tf-img,
    .content-block-if .content-block-if-img {
        min-height: 250px;
    }
}

        .content-block-tf .content-block-tf-img:before,
        .content-block-if .content-block-if-img:before {
            content: '';
            position: absolute;
            width: 400px;
            height: 380px;
            top: -20px;
            background-color: #000;
            border-radius: 0.313rem;
            z-index: 1;
        }

        .content-block-tf .content-block-tf-img:before {
            right: -20px;
            background-color: #808080;
        }

        .content-block-if .content-block-if-img:before {
            left: -20px;
            background-color: #000;
        }

@media screen and (max-width: 575px) {
    .content-block-tf .content-block-tf-img:before, .content-block-if .content-block-if-img:before {
        display: none;
    }
}

.content-block-tf .content-block-tf-img img, .content-block-if .content-block-if-img img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: center center;
    border-radius: 0.313rem;
    z-index: 2;
}

.card-body a {
    color: #424242;
    text-decoration: underline;
}

    .card-body a:hover {
        color: #000;
    }

.bg-branding-left {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.bg-branding-right {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}

@media (max-width: 576px) {
    .bg-branding-left {
        margin-left: -120px;
    }

    .bg-branding-right {
        margin-right: -120px;
    }
}