Above is the Animated Hero Carousel with controls toggled on, slide indicator dots toggled off, and using the center aligned layout.

Below is the Animated Hero Carousel with controls toggled on, slide indicator dots toggled off, and using the left aligned layout.

To see the Animated Hero video layout see this page. No animations are used, but the notes about the text fields and links above also apply here. Note that the play/pause button could be hidden in that layout. This layout has to be shown on a separate page because the video autoplay does not work when used on the same page with another hero component.

Some functionality/customizability notes (these apply to all Animated Hero Carousels):

• the animation can be toggled on or off for each slide individually, and separately for mobile and desktop
• the zoom function (in or out), scale, speed, location, and delay can all be adjusted individually on each slide, and separately for mobile and desktop
• each text field (eyebrow, title, copy) is optional for each slide
• including a link is optional for each slide
• this component doesn't have to be a carousel, it can also be used with just 1 slide
• the center aligned and left aligned layouts are applied to all slides in the component, and cannot be changed for individual slides
• the slides use a 21:8 aspect ratio on desktop and a 9:16 aspect ratio on mobile