Floating media block
Updated today
The Floating media block layers an image, Rive animation, or Lottie animation over your section content, with control over its size, blur, stacking order, position, and rotation.
Settings
The source setting that appears depends on the Media type you choose, as noted below.
Setting | Description | Default |
|---|---|---|
Media type | Whether the block shows a Media (image or SVG), Rive, or Lottie animation. | Media |
Image | The image to display. Shown only when Media type is Media. | None |
SVG | Raw SVG markup to display. Shown only when Media type is Media. | Empty |
Rive animation link | The link to the Rive animation. Shown only when Media type is Rive. | — |
Lottie animation link | The link to the Lottie animation. Shown only when Media type is Lottie. | — |
Custom attributes | Custom HTML attributes added to the media element. | — |
Media width | The width of the media, from 5 to 500 in steps of 5. | 50 |
Media blur | Blur applied to the media, from 0 to 5. | 0 |
Media z-index | Stacking order of the media relative to the surrounding content, from -1 to 5 in steps of 1. | 2 |
Media x position | Horizontal position of the media, from -100 to 100 in steps of 2. | 10 |
Media y position | Vertical position of the media, from -100 to 100 in steps of 2. | 10 |
Media rotation | Rotation applied to the media, in degrees from 0 to 360 in steps of 4. | 0 |
Media rotation duration | How long a full rotation takes, from 0 to 20 seconds. | 5 |
Enable auto rotation | Rotates the media continuously. | On |
Hide block on desktop / mobile | Hides the block on that device. | Off |