@layer component.base {
  .portrait {
    display: grid;
    grid-template: "stack" 100% / auto;
  }

  .portrait__background {
    grid-area: stack;
    img {
      width: 100%;
      vertical-align: bottom;
    }
  }
  .portrait__foreground {
    grid-area: stack;
    position: relative;
    margin-top: auto;
  }

  .portrait::before {
    content: "";
    grid-area: stack;
    height: 100%;
    width: 100%;
    display: block;
  }
}