Jan 19, 2025
position: relative
on the hero to avoid full viewport coverage.z-index
for stacking context.overlay
class for better separation of concerns.border-image-source: linear-gradient(red, blue);
border-style: solid;
border-image-slice
to dictate how the image is filled.border-image-slice: 1;
fill
keyword:
0.3
opacity for both colors).border-image
shorthand.border-image: linear-gradient(..., ...); fill;
0.6
for better readability.