.basic-flex {
    font-size: 0.96em;
}

.basic-flex :is(.img,.text) {
    flex-basis: 50%;
}

ul {
    font-weight: 300;
    color: var(--dark-gray);
    line-height: 2;
    margin-top: 0;
    padding-left: 1em;
}

li i {
    font-weight: inherit;
}

h4 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.img-right {
    flex-direction: row-reverse;
}

.basic-flex:last-child .text {
    position: relative;
    top: -3.5em;
}

@media (width <= 900px) {
    ul {
        padding-left: 1.25em;
    }

    .basic-flex {
        flex-direction: column;
        align-items: center;
        width: min(100%, 600px);
        margin: 0 auto 1em;
    }

    .basic-flex .text {
        margin-top: 1em;
    }

    .basic-flex:last-child .text {
        top: 0;
    }
}