:root { --animation-mainstage-id: 'rotate-in'; }

/* mainstages rotate-in */
@keyframes anim-rotate-in {
    0% {
        opacity: 0;
        transform: rotate(-12deg) scale(.9)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

.mstg [class*="mn_"] {
    animation: anim-rotate-in 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) both;

    /* Animation properties create a new stacking context; this z-index
       keeps descendants from falling behind siblings with z-index: 0. */
    position: relative;
    z-index: 1;
}