.rt-container {
    /* Keep the container inline with the rest of the text */
    display: inline-block;
    /* This is crucial: it prevents the container from jumping when words change length */
    min-width: 200px; /* This will be set more precisely by JS */
    text-align: center; /* Center the word in its placeholder area */
}

.rt-container .rotating-word {
    /* The core of the fade animation is the 'transition' property */
    display: inline-block;
    opacity: 1;
    /* The transition duration will be dynamically set by JS */
    transition: opacity 0.2s ease-in-out; 
}