What to change in the multiverse html5 template for correct operation of psevdostile hover?

Good afternoon, I would like to have on the specified template style tooltips on the images on the type of sample.
Please help, can't get it to implement correctly.
July 2nd 19 at 17:06
2 answers
July 2nd 19 at 17:08
Solution
Examine the layout of the template and the example carefully.

offhand do so

#main .thumb > h2 {
 -webkit-transition: all 0.15 s ease-in-out;
 -moz-transition: all 0.15 s ease-in-out;
 -o-transition: all 0.15 s ease-in-out;
 -ms-transition: all 0.15 s ease-in-out;
 transition: all 0.15 s ease-in-out;
 width: 100%;
 left: 0!important;
 top: 100%!important;
 bottom: -30%!important;
 text-align: center;
 background: black;
 color: white!important;
 opacity: 0;
 padding: 2rem;
}
#main .thumb:hover > h2 {
 bottom: 0!important;
 top: auto!important;
 opacity: 1;
}
July 2nd 19 at 17:10
Thank you for the tip. Your code in styles is partially helped.
changed and added here this
top: 300%!important;
 position: absolute;

and began to look good.

Find more questions by tags CSSHTML