Superhero half width variant with background image and video

Syntax

<Superhero slots="fullWidthBackground, video, heading, text, buttons" variant="halfWidth" textColor="white" overGradient />

![Gradient background](../../../assets/vertical-gradient.png)

[video_url](../../../assets/example-video.mp4)

# Page Heading

This is a sample description text for the superhero block.

* [Get Started](https://example.com/getting-started)
* [View Examples](https://example.com/examples)

data-slots=fullWidthBackground, video, heading, text, buttons

data-variant=halfWidth

data-textColor=white

data-overGradient=

video_url

Page Heading

This is a sample description text for the superhero block.

• Get Started
• View Examples