# Visuals

Images for a case-study or blog body. One Media entry, or a row of three or more. A designed pair stays on **Separated visuals**.

On laptop, one image uses its Media `width` (1–99) and `horizontalPosition` (Left, Middle, Right). Empty width is the full column. A partial image with no position sits on the left. Two or more images share a 12-column grid: each width becomes a column span, and an empty width is half the row. Narrow screens stack every image full width.

Set `autoplay` and `loop` on a decorative video. Do not put these images on Case study rich text `visual` for new work.

## Section fields

| Field | Effect |
|---|---|
| `anchor` | Section-level. |
| `backgroundColour` | Section-level. |
| `textColour` | Section-level. |

## Colours

Section and/or cards may use `backgroundColour` and `textColour` from the palette.

**Background colours:** Light, Dark, Gray, Orange, Blue, Yellow

**Text colours:** Dark, Light