Thanks for providing all your details!
To make the gray line at the back of the text, you need to add a z-index to your text element. To do that, please check the text element and go to customize tab, and check the edit CSS.
Then add the CSS code below to all your text elements.
I applied the changes to the first column and please apply them to the rest of the columns.
On the other hand, to have hover effects like the example image above please add the code below in your columns then go to customize tab and edit CSS.
box-shadow: 0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07) !important;
transform: translateY(-5px) translateZ(0) !important;
I applied this option to your first column, you may delete it or apply it to the rest of your columns.
Hope that helps.