Image Scenes
Image scenes display a full-bleed photo or screenshot with optional animation. Choose from default (with zoom and pan directives), scroll mode for tall infographics, or gallery carousel for a rotating 3D showcase. An optional heading renders as a bottom overlay.
Basic syntax
--- image --- full-bleed, default duration 6s --- image (scroll, 8s) --- auto-scroll tall image --- image (gallery, 10s) --- 3D carousel + focus expand 
Add an optional heading for a bottom gradient overlay caption:
--- image (default, 6s) --- # Our new dashboard 
Default - zoom and pan
The default variant fills the canvas with the image using object-fit: cover. Add zoom/pan directives to create cinematic Ken Burns-style motion - zoom into a region, hold, then ease back out.
Zoom directive syntax
--- image (default, 6s) ---  00:01.0 zoom top-center 2x 00:04.0 zoom out
The zoom origin position is one of 9 named anchors:
| Position | Meaning |
|---|---|
| top-left | Zoom into the top-left corner |
| top-center | Zoom into the top-center edge |
| top-right | Zoom into the top-right corner |
| center-left | Zoom into the left edge, vertically centered |
| center-center | Zoom into the canvas center |
| center-right | Zoom into the right edge, vertically centered |
| bottom-left | Zoom into the bottom-left corner |
| bottom-center | Zoom into the bottom edge, centered |
| bottom-right | Zoom into the bottom-right corner |
Scale and hold
Scale is optional - defaults to 2.5x. The hold Ns modifier freezes the current frame for N seconds before resuming playback:
--- image (default, 8s) ---  00:00.5 zoom bottom-right 3x 00:02.5 zoom center-center hold 2s hold at center for 2 seconds 00:06.0 zoom out
Scroll mode
Scroll mode is designed for tall infographics, long screenshots, and timeline images. It auto-detects the scroll direction by comparing the image's natural aspect ratio to the canvas:
| Image shape | Scroll direction | How it fits |
|---|---|---|
| Taller than canvas proportionally | top to bottom | Fills canvas width exactly, scrolls down |
| Wider than canvas proportionally | left to right | Fills canvas height exactly, scrolls right |
The contained dimension fills exactly with no letterboxing or cropping. Scroll travels from 0% to 100% of the overflow dimension over the full scene duration.
--- image (scroll, 10s) ---  --- image (scroll, 8s) --- # Q3 Timeline 
Gallery carousel
Gallery mode arranges multiple images in a 3D rotating carousel, then expands the first image to fill the canvas. Add two to six images and SlickVid handles the layout automatically.
The animation runs in two phases:
| Phase | Duration | What happens |
|---|---|---|
| 1 - Carousel | 65% of scene | Images arranged in a 3D ring. Carousel spins one full 360 rotation with ease-out deceleration. |
| 2 - Expand | 35% of scene | Carousel fades out. First image scales up from card size to fill the full canvas. |
--- image (gallery, 12s) ---    