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


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.
img {
    block-size: auto;
    display: block;
    max-inline-size: 100%;
    user-select: none;


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.
<figure class="figure">
    <img src="..." alt="..."/>
    <figcaption class="figure-caption">The beach where we were sunbathing last summer.</figcaption>