#home-features {
    position: relative;
    z-index: 1;
}
.home-features-title {
    padding-left: 15px;
    position: relative;
}
.home-features-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    bottom: 0.25em;
    width: 5px;
    background: linear-gradient(to right, var(--secondary) 0%,var(--secondary) 50%,var(--tertiary) 70%,var(--tertiary) 100%);
}
.home-feature-res-image {
    padding-top: 37%;
    position: relative;
}
/*Responsive - Mobile First*/
/* sm */
@media (min-width: 576px) {
    #home-features::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: -1000px;
        background-color: var(--gray);
        transform-origin: top left;
        -ms-transform: skew(-10deg);
        transform: skew(-10deg);
    }
    .home-features-title {
        padding-left: 25px;
    }
    .home-features-title:before {
        width: 8px;
    }
    #home-features .btn-outline-gradient span {
        background-color: var(--gray);
    }
    #home-features .btn-outline-gradient:hover span {
        background-color: transparent;
    }
}