Change Position f title on Image info boxes

Hello,

I’m trying to use the image info boxes.

How do I move the title position from the top to the bottom so it works across all devices?

I’ve used the following code:

.tdm_block_image_info_box .tdm-image-description {
position: absolute;
top: 0;
padding: 45% 7%;
width: 100%;
margin: auto;
pointer-events: none;
}

But it only works for desktop view. On mobile and table view, it sits just under the centre.

This is the page I’m working on: https://blufusion.net/treatments/

Can you help?

Thanks