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, cailee.co 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:
https://preview.webflow.com/preview/cailees-portfolio?utm_medium=preview_link&utm_source=dashboard&utm_content=cailees-portfolio&preview=77c9bbcc13e0ee6f042fc8ca7d6d9403&workflow=preview