.root {
  @apply relative max-h-full w-full box-border overflow-hidden
  transition-transform ease-linear cursor-pointer inline-block;
  height: 100% !important;
}

.imageContainer {
  @apply relative flex items-center justify-center bg-primary-2 mb-4;
  padding: 12% 15%;
}
.imageContainerInner {
  @apply relative w-full;
  padding-bottom: 100%;
}

.typeIcon {
  @apply absolute bg-accent-2 rounded-full p-1.5 -bottom-2 right-2.5;
  font-size: 0;
}