Media with details

Display multiple hero images or videos with thumbnail navigation

Key features

2-column details list

Flexible column layout

Supports autoplay video

Mobile-specific media options

Custom layout and styles

Blocks

Header

Details list

Section layout

---

Vertical alignment	Top Center Bottom Justified
Position	Left Center Right
Mobile position	Left Center Right

Media

---

Media type	Video Image
Image
Video
Video focal point

Placement	Left Right
Width	30 - 70%
Media ratio	Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (4:5) Custom

Mobile media

Media type	Video Image
Image
Video
Video focal point

Details list

Details list

Layout

Column alignment	Left Justified
List max width	20 - 80%
Left column width	20 - 80%
Mobile left column width	1 - 6
Vertical gap	0 - 8
Stack columns on mobile

Style

Row style	Filled Dividers
Mobile alignment	Heading Body
Max width	1 - 4
Bold first column text

Header

Layout

Alignment	Left Center Right
Mobile alignment	Left Center Right
Max width	Full width Custom (200 - 1440px)
Bottom padding	0 - 20

Content

Overline
Overline size	1 - 4
Heading
Heading size	1 - 6
Text
Text size	1 - 4

Buttons

Add a primary and secondary button.

Link
Label
Size	XS S M L
Style	Solid Outline Text
Color scheme	Default Primary Secondary Soft Overlay Overlay soft