Where is the error in transition with hover effect?

Question

css

Good afternoon!
When hovering over the parent .wrap_block, its child .main_block should smoothly go to the bottom.
example
Thank you.

Answer 1

https://jsfiddle.net/Lcj1229L/2/

.main_block{
  top: 0;
}