I am absolutely positioned in inside my purple parent and I have no background color set on me. I have a sibling, that exists underneath me that isn't showing right now because its circle clip path is set to 0% (so it doesn't hide any of me). But my sibling DOES have padding, so that expands my purple parent. (many more animations inside code)

I am a child of my purple parent too but with a red background. I have a sibling that I am hiding right now because javascript acting on the "more info" button has activated my clip path to 125%, so now I have "clipped" (hidden) my parent's content, which includes my sibling's content.

I am absolutely positioned in inside my purple parent and I have no background color set on me. I have a sibling, that exists underneath me that isn't showing right now because its circle clip path is set to 0% (so it doesn't hide any of me). But my sibling DOES have padding, so that expands my purple parent. (many more animations inside code)

I am a child of my purple parent too but with a red background. I have a sibling that I am hiding right now because javascript acting on the "more info" button has activated my clip path to 125%, so now I have "clipped" (hidden) my parent's content, which includes my sibling's content.

I am absolutely positioned in inside my purple parent and I have no background color set on me. I have a sibling, that exists underneath me that isn't showing right now because its circle clip path is set to 0% (so it doesn't hide any of me). But my sibling DOES have padding, so that expands my purple parent. (many more animations inside code)

I am a child of my purple parent too but with a red background. I have a sibling that I am hiding right now because javascript acting on the "more info" button has activated my clip path to 125%, so now I have "clipped" (hidden) my parent's content, which includes my sibling's content.