I’m trying to vertically align the text that appear when you hover over the images in the image gallery. It’s fine now on a large screen but at a window width of say 816px the element a.envira-gallery-link:before appears more at the bottom of the gallery image.
I know I can change the line height of the text at every widow size, but there has to be an elegant way to center the :before text.