Page Load Animation Issue- Text box cutting off letters

I am having issues with the page load animation. It used to say “Loading” and I changed it to my site name, by changing the loading letters to cailee. and then added two new boxes for the letters (C and O). I changed the font as well to match the style of my site and now the letters are being cut off by the text boxes upon load.

I have tried everything including adding spacing, changing the text letter spacing as it was a -4, but no matter what I do it won’t show the whole letter and it statically loading now. Help :upside_down_face:

Here is my public share link: