Use the `sd-media--inverted` class when displayed on primary background.

```html
<div class="p-4 bg-primary">
  <figure class="sd-media sd-media--inverted p-4">
    <img
      src="./placeholders/images/architecture.jpg"
      alt="A generic placeholder jpg"
      class="aspect-video object-cover"
    />
    <figcaption>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula</figcaption>
  </figure>
</div>
```