Content over a masked background image

A split hero where text and features sit on the left, with a background image fading in from the right using a gradient mask.

  • Background image with gradient mask
  • Content stays fully readable
  • Works in both light and dark mode
  • Ideal for atmospheric pages
Explore the docsView source
Example: 4.8 from 120 reviews