img {
    vertical-align: middle;
}

.image {
    max-width: 100%;
    margin: 0 0 $spacer-small 0;
    padding: 0;
    
    &_autosize {
        max-width: calc(100vw + 16px);
    }
    
    &[align=left] {
        margin-right: $spacer-small;
        float: left;
    }
    &[align=right] {
        margin-left: $spacer-small;
        float: right;
    }

    &:only-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: $screen-xs-max) {
    img[align] {
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}