.aligncenter, .alignleft, .alignright {

display: block;
margin: 0 auto 1rem;
text-align: center;
margin: 0 auto 1rem;

}

@include breakpoint(medium) {

.alignleft,
.alignright {
        &.size-medium {
                max-width: 40%;
                width: 300px;
        }
        &.size-medium-large {
                max-width: 60%;
                width: 640px;
        }
}
.alignleft {
        float: left;
        clear: left;
        padding-right: 1rem;
}
.alignright {
        float: right;
        clear: right;
        padding-left: 1rem;
}

}

.wp-caption {

display: inline-flex;
flex-direction: column;
margin-bottom: 2rem;
img {
        flex: 1 1 auto;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
}
.wp-caption-text {
        flex: 0 1 auto;
        background: $ace-blue;
        color: $white;
        padding: 0.5rem 1rem;
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
}

}