If you want to center element vertically, they need to be inside an element that HTML can calculate the height of. And in your case the parents elements cotaining the text and map get their size from their content and can’t be calculated by HTML. When you face this situation, you need some JS code to calculate height and center things.
But if you give a height to your column as I did here (I also coloured the bakground of columns for you to realize their new fixed height and the centering), you can center content element by setting it top 50% and transform move -50%
Thanks @vincent! I got the paragraph center aligned, but the map is being stubborn… I tried to duplicate your instructions, but I’m missing something. could you point out my error?