for balanced scaling
         * - Consider z-index layering
         * - Use relative/absolute positioning as needed
         */

        .main-element {
            /* Example main animation element */
            position: relative;
            z-index: 10;
        }

        .animated-text {
            font-weight: 700;
            color: #fff;
            text-align: center;
            opacity: 0;
            /* Hidden initially for reveal animation */
            transform: scale(0.8);
            /*