.at-textImage {
    margin-bottom: 64px;
}

.at-textImage__inner {
    flex-direction: column-reverse;
}

.at-textImage__content {
    padding: 32px;
    background: #e5f6fd;
}

.at-textImage__title {
    padding: 0 0 16px 0;
    font-size: 1.5em;
}

.at-textImage__image {
    padding-top: 50vh;
    background-color: #dcf0f9;
    background-size: cover;
}

@media screen and (min-width: 640px) {
    .at-textImage__inner.at-textImage--imgLeft {
        flex-direction: row-reverse;
    }

    .at-textImage__inner.at-textImage--imgRight {
        flex-direction: row;
    }

    .at-textImage__image {
        flex: 0 0 50%;
        padding-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .at-textImage__content {
        padding: 64px;
    }
}