.fact-number {
    font-size: var(--text-55);
    /* Increased font size for impact */
    line-height: 1;
    font-weight: 700;
    /* Added styles for the new animation */
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.facts-number-wrapper {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

/* Container for each digit's scrolling reel */
.digit-container {
    height: var(--text-55);
    /* Must match the font-size of .fact-number */
    line-height: var(--text-55);
    overflow: hidden;
    display: inline-block;
    mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
}

/* The reel of numbers (0-9) that scrolls vertically */
.digit-reel {
    display: flex;
    flex-direction: column;
    /* Transition will be set via JavaScript to allow for variable speeds */
}

/* Individual number inside the reel */
.digit-reel>span {
    height: var(--text-55);
    /* Each number must have the same height as the container */
    line-height: var(--text-55);
    display: block;
    text-align: center;
}