.Resource {
  position: relative;
  height: 7em;
  width: 5em;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0.25em;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  color: white;
  font-weight: bold;
  pointer-events: all;
}

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

.Resource:not([disabled]):hover {
  filter: brightness(150%);
}

.Resource.Selected {
  filter: brightness(150%);
  top: -50%;
}