.sp-hero__3d.sp-cursor-avatar {
  display: grid;
  place-items: center;
  width: 440px;
  height: 468px;
  opacity: 1;
  overflow: visible;
}

.sp-cursor-avatar__canvas {
  display: block;
  width: min(100%, 420px);
  height: auto;
  aspect-ratio: 16 / 17;
  background: transparent;
  border: 0;
  outline: 0;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 84%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 84%, transparent 100%);
}

@media (max-width: 1080px) and (min-width: 861px) {
  .sp-hero__3d.sp-cursor-avatar {
    right: 1rem;
    width: 340px;
    height: 361px;
  }
}

@media (max-width: 860px) {
  .sp-hero__3d.sp-cursor-avatar {
    display: none;
  }
}