Long-form content with a floated image

A float only wraps the content that follows it, so the image block is placed above this paragraph rather than beside it. On a phone the figure ignores the float entirely and stacks full width, which keeps the text from being squeezed into a narrow column.

This second paragraph keeps wrapping around the same figure until the text runs past its height. The content block carries a clearfix so the float can never escape and collide with whatever component comes next.

Headings, lists, quotes and links are all styled by the typography plugin, pointed at the theme tokens.