#platform {
  width: min(200px, 40vw);
  aspect-ratio: 4 / 7;
  background-color: brown;

  transform: translateX(100px) rotateX(67deg) rotateZ(45deg);
  transform-style: preserve-3d;

  border-radius: 16px;

  box-shadow:
    1px 2px 10px rgba(204,204,204,0.95),
    44px 44px 24px rgba(204,204,204,0.15);

  transition: 
    transform 0.5s ease-in-out,
    box-shadow 0.5s ease-in-out;
}

#platform:hover {
  transform: 
    translateX(100px)
    translateY(-24px)
    rotateX(60deg)
    rotateZ(45deg);

  box-shadow:
    1px 2px 10px rgba(204,204,204,0.95),
    70px 70px 24px rgba(204,204,204,0.15);
}


#platform p {
  transform-style: preserve-3d;
  transform:
    translateY(120px)
    translateZ(40px)
    rotateX(-90deg)
    rotateY(92deg);

  opacity: 0;

  transition: 
    opacity 0.35s ease,
    transform 0.35s ease;
}

#platform:hover p {
  opacity: 1;
  text-shadow: 2px 5px 6px rgba(204,204,204,0.5);
}