.node--type-article.node--view-mode-full .field--name-field-article-content .caption-drupal-media {
  grid-column: full;

  --gap: var(--container-padding);
  --full: minmax(var(--gap), 1fr);
  --content: min(var(--max-viewport), 100% - var(--gap) * 2);
  --breakout: minmax(0, 2.4rem);
  --feature: minmax(0, 6rem);

  display: grid;
  grid-template-columns: 
    [full-start] var(--full)
    [feature-start] var(--feature)
    [breakout-start] var(--breakout)
    [content-start] var(--content) [content-end]
    var(--breakout) [breakout-end]
    var(--feature) [feature-end]
    var(--full) [full-end];
}

.node--type-article.node--view-mode-full .field--name-field-article-content .caption-drupal-media article {
  grid-column: breakout;
}

.node--type-article.node--view-mode-full .field--name-field-article-content .caption-drupal-media > figcaption {
  font-size: var(--typography-sm);
  font-style: italic;
  line-height: 1.4;
  margin-top: var(--rhyme-xxs);
  grid-column: content;
}