@import url('https://fonts.googleapis.com/css2?family=Aldrich&family=Open+Sans&display=swap');

    .si-comp-feat {
        margin: 0 auto !important;
        max-width: 960px;
    }

    .si-comp-feat .row {
        background-color: #0a0a0a;
        border-bottom: 0.3em solid #0a0a0a;
    }

    .si-comp-feat h2, .si-comp-feat h3 {
        color: #fefefe !important;
        text-transform: uppercase;
        font-family: "Aldrich", sans-serif;
        font-weight: 400;
        font-size: 1.7em;
        margin: 1em 0 1em 0;
    }

    .si-comp-feat p {
        color: #fefefe !important;
        font-family: 'Open Sans', sans-serif;
        line-height: 1.6em;
        font-size: 1.1em;
    }

    .si-comp-feat .fade-to-right,
    .si-comp-feat .fade-to-left {
        padding: 0 !important;
    }

    @media (min-width: 992px) {
        /* This is the new part that vertically aligns the content */
        .si-comp-feat .row {
            display: flex;
            align-items: center;
        }

        .fade-to-right {
            -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%);
            mask-image: linear-gradient(to right, black 85%, transparent 100%);
        }

        .fade-to-left {
            -webkit-mask-image: linear-gradient(to left, black 85%, transparent 100%);
            mask-image: linear-gradient(to left, black 85%, transparent 100%);
        }
    }