Image clipped partially over text

image0 (1)

I’m trying to get this effect, where the the text inside the image/svg is a different color than the text outside the image.


I first tried making an image of a globe with the white text on it. Then I tried using that image as a background image for the “earth” text span but it’s being cut off for some reason. I tried increasing the height in Size but it only increases the size of the image within the same bounds. Anyone know how to do this?

Here is my site Read-Only: Webflow - Arth's Portfolio