#bg-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }

        .pixel-group {
            position: absolute;
            display: flex;
            flex-direction: column;
            gap: 0; 
        }

        .pixel-row {
            display: flex;
            gap: 0;
        }

        .pixel {
            width: 100px;
            height: 100px;
            background-color:var(--active-text);
            opacity: 0;
            /* L'animazione dura 8 secondi in totale */
            /*animation: pixelLife 8s ease-in-out forwards;*/
            animation: pixelLife 4s ease-out forwards;
        }

        @keyframes pixelLife {
            0% { opacity: 0; }
            5% { opacity: var(--target-opacity); }
            95% { opacity: var(--target-opacity); }
            100% { opacity: 0; }
        }