How to use overflow: hidden and make elements overflow on top without using position: absolute?

I'm using react and I would like to create an animation using react-collapsed that would collapse the upper half of the target component.

So right know It will decrease container size to half of the child's size and applies overflow: hidden. This will make the child overflow on the bottom. Is there a way to make it overflow on the top?

Thanks a lot for any suggestions.