@keyframes hero-frame-1-anim{
    0%   { top:-50px; opacity: 0;} /*top:-50*/
    100% { top:0px; opacity: 1.0;} /*top:80px*/
}

@keyframes hero-frame-tag-anim{
    0%   { top:-50px; opacity: 0;}/*top:0px*/
    100% { top:0px; opacity: 1.0;}/*top:80px*/
}

@keyframes hero-frame-learn-anim{
    0%   { top:-50px; opacity: 0;}/*top:50px*/
    100% { top:0px; opacity: 1.0;}/*top:80px*/
}