Component

Image

Image component patterns and responsive image demos.

Variation 1

Image

Basic responsive media block derived from the legacy image component.

Person working at a laptop
Default image component

Variation 2

Responsive Image

The responsive-image variant keeps the original intent: scale the asset to the available width while preserving cover framing.

Responsive worker image
Responsive image component

Variation 2

Responsive Image

The responsive-image variant keeps the original intent: scale the asset to the available width while preserving cover framing.

worker image
Responsive image component