[an error occurred while processing this directive]

bg-fill-default

Add image fill → set to Fill → do not move or resize the image

bg-fill-repositioned

Add image fill → set to Fill → double-click the image and drag it off-cente

bg-fit-default

Add image fill → set to Fit → do not move or resize

Solid opaque

Solid semi-transparent 1

50% transparency applied to the parent Fill property

Solid semi-transparent 2

50% transparency applied to the individual gradient stops

Solid Color semi-transparent 1

50% transparency applied to the parent Fill property

Solid Color semi-transparent 2

50% transparency applied to the parent color swatch

FILL

FIT

CROP centered

bg-crop-centered

Add image fill → set to Crop → leave the image centered, no resize

bg-crop-left

Add image fill → Crop → drag image to the left so its right portion is visible

bg-crop-right

Add image fill → Crop → drag image to the right so its left portion is visible

bg-crop-top

Add image fill → set to Crop → leave the image centered, no resize

bg-crop-bottom

Add image fill → Crop → drag image upward so its bottom portion is visible

bg-crop-zoomed-in

Add image fill → Crop → zoom in (enlarge the image within the frame)

Near-FILL (repositioned)

bg-crop-zoomed-out

Add image fill → Crop → zoom out (shrink the image within the frame)

bg-crop-corner

Add image fill → Crop → drag image to bottom-right corner

Image + opaque solid behind

Semi-transparent color gradient over image

Semi-transparent color over image

Image on top, gradient behind

Opaque gradient on top

Semi-transparent color over image

bg-breakpoint-diff

Set desktop and mobile frames to use different image files (e.g. landscape for desktop, portrait for mobile). Set both to Fill.

[an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive]
[an error occurred while processing this directive]