Under media, you can find some of the media-related styles.

Images

In Spruce, we use a general responsive styling for all images. We also disable the user-select.

A sandy beach with teal colored water from above.
css
img {
  block-size: auto;
  display: block;
  max-inline-size: 100%;
  user-select: none;
}

Figure

To create an image caption, use the figure and figcaption element with the .figure and .figure-caption.

A sandy beach from above with a lot of colorful sunshades.
The beach where we were sunbathing last summer.
html
<figure class="figure">
  <img src="..." alt="..."/>
  <figcaption class="figure-caption">The beach where we were sunbathing last summer.</figcaption>
</figure>