Flex divs not colliding and flexing relative to each other

Question

I want the lower div (containing the image and the button) to collide as in not overlap with the division above it (texts\' divisions), so when the button hits, collides, wi