{# @description Absolute overlay, e.g. over hero images. #}
{# @prop opacity:text | default:"0.5" | description:"Overlay darkness, 0 to 1." #}
<c-vars opacity="0.5" />
<div class="absolute inset-0"
     style="background-color: rgba(0, 0, 0, {{ opacity }})"></div>