.pile {
  display: grid;
  grid-template-areas: "pile";
  /* place-items: center; */

  > * {
    grid-area: pile;
  }
}

/* .pile-image {
    z-index: 2;
    } */

.pile-top-text {
  padding: 2vmin;
  /* width: 100%; */
  font-size: 5vi;
  paint-order: stroke fill;
  color: white;
  -webkit-text-stroke: 0.2rem black;
  justify-self: start;
  align-self: start;
  text-align: left;
}

.pile-bottom-text {
  padding: 2vmin;
  width: 100%;
  font-size: 3vi;
  color: white;
  background-color: #0003;
  /* align-self: end;
  justify-self: start; */
  place-self: end start;
  text-align: left;
}