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>