.pet-image-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}

.pet-image-wrap > img {
  display: block;
}

.essence-badge {
  position: absolute;
  display: block;
  z-index: 80;
  line-height: 0;
  pointer-events: none;
}

.essence-badge > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.pet-canvas > .essence-badge {
  top: 2%;
  right: 2%;
  width: 16%;
  height: auto;
  aspect-ratio: 1;
}

.pet-image-wrap > .essence-badge {
  top: 2%;
  right: 2%;
  width: 40%;
  height: auto;
  aspect-ratio: 1;
}