@layer component.base {
  .tarot {
    display: grid;
    grid-template-areas: "main";
  }

  .tarot__image,
  .tarot__content {
    grid-area: main;
  }

  .tarot__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
  }

  .tarot__bottom {
    margin-top: auto;
  }

  .tarot__image img {
    vertical-align: bottom;
    width: 100%;
  }
}