.at-photoWithText__image {
    display: block;
    width: 100%;
    height: 300px;
    margin-bottom: 1em;
    background-color: #eee;
    background-repeat: no-repeat;
    background-size: cover;
}

.at-photoWithText__text {
    font-size: 1em;
    text-align: left;
}

@media (min-width: 768px) {
    .at-photoWithText {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .at-photoWithText--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .at-photoWithText__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(65% - 1em);
        flex: 0 1 calc(65% - 1em);
        width: calc(65% - 1em);
        height: auto;
    }

    .at-photoWithText__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(35% - 1em);
        flex: 0 1 calc(35% - 1em);
        width: calc(35% - 1em);
    }
}