.logo-3d-rotate {
    animation: spinY 5s infinite linear;
    transform-style: preserve-3d;
    transform-origin: center; /* explicitly set origin */
}

@keyframes spinY {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

/* Ensures stable perspective without wobble */
.container.my-5 {
    perspective: 1000px;
    perspective-origin: center; /* stable viewing angle */
}

/* Fixed logo size (no change) */
.larger {
    width: 430px;
    height: 430px;
}