.flyword-left {
    display: inline-block;
    position: relative;
    opacity: 0;
    transform: translate(-50px, -20px) rotate(-15deg);
    transition: all 0.6s ease-out;
    will-change: transform, opacity;
    margin: 0 4px;
    font-family: var(--main-font);
    font-size: var(--font-size-normal);
}

.flyword-left.active {
    opacity: 1;
    transform: translate(0, 0) rotate(0deg);
    transition: transform 0.6s ease-out, opacity 0.6s ease-out; /* Ensure transitions are defined */
}