.featureCards {
    margin: auto;
}

.featuresCardLeft,
.featuresCardRight {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2em;
}

.featuresCardRight {
    flex-flow: wrap-reverse;
}

.cardImage,
.cardText {
    display: table-cell;
    vertical-align: middle;
}

.cardImage {
    width: 100%;
}

.cardImage img {
    width: 100%;
}

.cardText {
    width: 100%;
    text-align: center;
    padding: 1em;
}

.cardTextBody {
    margin: 1em;
}

@media screen and (min-width: 769px) {
    .featuresCardLeft,
    .featuresCardRight {
        display: table;
    }
    .cardImage {
        width: 40%;
    }
    .cardText {
        width: 60%;
    }
}