chromium/chrome/browser/resources/settings/privacy_page/privacy_guide/privacy_guide_welcome_fragment.html

<style include="privacy-guide-fragment-shared">
  :host {
    display: flex;
    flex-flow: column;
    min-height: calc(432px - var(--privacy-guide-footer-total-height));
  }

  .headline {
    outline: none;
  }

  .headline-container {
    padding: 48px 116px var(--cr-section-padding) 116px;
    row-gap: 12px;
  }

  .footer {
    align-items: center;
    animation: fade-in var(--privacy-guide-animation-duration);
    bottom: calc(-1 * var(--privacy-guide-footer-total-height));
    display: flex;
    justify-content: flex-end;
    padding-bottom: var(--privacy-guide-footer-vertical-padding);
    position: absolute;
    width: calc(100% - 48px);  /* 48px = 2x :host horizontal padding */
  }

  picture {
    animation: fade-in 1500ms, slide-in 300ms;
  }
</style>
<div class="headline-container">
  <picture>
    <source
        srcset="./images/privacy_guide/welcome_banner_dark.svg"
        media="(prefers-color-scheme: dark)">
    <img alt="" src="./images/privacy_guide/welcome_banner.svg">
  </picture>
  <div class="headline" tabindex="-1">
    $i18n{privacyGuideWelcomeCardHeader}
  </div>
  <div class="cr-secondary-text">$i18n{privacyGuideWelcomeCardSubHeader}</div>
</div>
<div class="footer">
  <cr-button class="action-button" id="startButton"
      on-click="onStartButtonClick_">
    $i18n{privacyGuideNextButton}
  </cr-button>
</div>