How to

The Feature v11 component is used to display a boxed content over a background image.

The top/bottom margin of the content controls how much of the image is visible above/below the boxed content.

<section class="position-relative z-index-1 padding-y-xl bg-contrast-lower">
  <div class="container max-width-adaptive-lg position-relative">
    <div class="grid  padding-x-md [email protected]">
      <div class="position-relative z-index-2 [email protected] [email protected]">
        <div class="text-component bg padding-md [email protected] shadow-sm line-height-md margin-y-xxl"> <!-- 👈 -->
          <!-- ... -->
        </div>
      </div>

      <figure class="position-absolute z-index-1 top-0 right-0 height-100% [email protected]">
        <!-- ... -->
      </figure>
    </div>
  </div>
</section>