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

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

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