shape-outside-hero-section
Text on the right follows the shape of the mask.
Easy to replace with your own text and images for a unique hero section.
Custom CSS is marked with π« So if you want to change the class names of these, be sure to also change the custom css classnames.
Uses custom css for:
shape-outside
clip-path
shape-margin
aspect-ratio
mask-image
display:inline-flex
To create your own path for text alignment use this tool:
https://bennettfeely.com/clippy/
and upload the url to your vector mask and then trace it as close as possible.