The Cube3D component rotates off-center because the geometric center of the faces is not aligned with the container transform origin. The rotation animation is also restricted to X and Y axes, making it look unnatural.
Changes needed:
- Center faces using top/left 50% and negative margins.
- Update tumble keyframes to use X, Y, and Z axes for a smoother rotation.
- Add hover state to pause the rotation.
The Cube3D component rotates off-center because the geometric center of the faces is not aligned with the container transform origin. The rotation animation is also restricted to X and Y axes, making it look unnatural.
Changes needed: