.Placard {
  display: flex;
  position: relative;
  width: 9.4em;
  height: 11.44em;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0.25em 0;
  display: inline-block;
  display: flex;
  flex-direction: column;
  justify-items: space-between;
  pointer-events: none;
}

.Placard > div {
  box-sizing: border-box;
  margin: 0 0.9em;
}

.Placard:not([disabled]) {
  cursor: pointer;
  pointer-events: all;
}

.Placard.Selected {
  filter: brightness(110%);
  transform-origin: 100% 100%;
  transform: scale(1.5);
  }

.Placard > div:nth-child(1) {
  height: 15.5%;
}

.Placard > div:nth-child(2),
.Placard > div:nth-child(3),
.Placard > div:nth-child(4),
.Placard > div:nth-child(5) {
    height: 15.25%;
}

.Placard > div:nth-child(6) {
  flex: 1;
}

.Placard > div:hover:nth-child(2),
.Placard > div:hover:nth-child(3),
.Placard > div:hover:nth-child(4),
.Placard > div:hover:nth-child(5) {
  background-color: #ffffff40;
}
