article.at-image {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    margin-left: -0.9375rem;
    margin-bottom: var(--articleMarginBottomSmall);
    padding: 0 0.9375rem;
}

.at-image__image {
    border-radius: var(--articleBorderRadius);
}

.at-image__title {
    margin: .5rem 0 0;
    font-size: var(--bodySize);
    color: var(--primary500);
}

.at-image__title.--black {
    font-size: var(--h4Size);
    color: var(--baseDark900);
}

.at-image__subtitle {
    font-style: italic;
}

@media (min-width: 568px) {
    .at-image {
        width: 50%;
    }
}