Objects not render fine after publishing

I am trying to a do something fairly basic.

I have a text box with a few lines.  I want to highlight one line at a time as I am reading through it.  (This is a reading comprehension course, so I have to show all that text on the screen).  In order to do this, I created 3 text boxes, each with the relevant sentence in black and other sentences in grey.  I then animate these text boxes at the right time.  Now when I publish the output, the text does not line up well and hence does not render clarity.

What should I do.

I have attached the relevant files here.