how would you recreate this animation in framer motion?

I want to know how to recreate this animation in framer motion: https://www.youtube.com/watch?v=6M819hVz-oo @1:19

where his Occupation pops up I've tried to recreate this but I can't get past a simple fade as you can see there is a white block there that makes it look like it's coming out of the bottom.

this is my very simple motion component :

 <motion.h4
    initial={{
      
      y:50,
      color:'blue'
    }}
    transition={{duration:.4}}
    animate={{
      color:'black',
      
      y:0,
      
    }}
    >first Last </motion.h4>