Clipping not working, or am I missing something?

I’m testing a new animation with an overlay but for some reason the clipping is not working as it should, what am I missing?

In the below read-only you can see a div with color that I want to clip to the text, however, this is not happening for whatever reason. Any tips/

Here is my site Read-Only:
Read only

please apply this