Superhero half width variant with background image

Syntax

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

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

![Platform illustration](../../../assets/cc-hero.png)

# Page Heading

This is a sample description text with an [inline link](https://example.com) for the superhero block.

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

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

data-variant=halfWidth

data-textColor=white

data-overGradient=
Gradient background
Platform illustration

Page Heading

This is a sample description text with an inline link for the superhero block.