如何在我的情况下继续在CSS中的图像上显示文本？

I have the following CSS sheet for a responsive flip card that is displaying two background images on both sides. I am trying to get text on top of them, but it is not showing in the browser for some reason. Here is the CSS:I have the following CSS sheet for a responsive