.portrait {
    display: block;
    max-width: 100%;
}

.sideImage {
    background-position: bottom left;
}

@media (min-width: 400px) {
    .portrait {
        max-width: 50%;
        display: inline;
        float: left;
        padding-right: 2em;
        padding-bottom: 1em;
    }
}

@media (min-width: 576px) {
    .portrait {
        max-width: 300px;
    }
}
@media (min-width: 992px) {
    .portrait {
        max-width: 400px;
    }
}