make div bigger and animate bigger section upwards on hover

I am trying to animate a div upwards when a user hovers on the div.

I am able to animate the div making it bigger, however the animation happens downwards. I am trying to keep the bottom of the div remain in the same place, and have a smooth animating increasing the size of the div upwards.

you need to scale the text back to it's original state in the same time that you scale the div. so if you scale the div 2 times. you need to scale back the text with 1/2 , same if you scale 3 times...scale back with 1/3

in this case you enlarge .content by 1.5 so you need to scale down the text inside by 1/1.5 = 0.66