iLightbox show captions below image instead of on top of image

I would like an option to show the captions below an image rather than on top of it. I have been able to acheive this for desktop screens using this css:

.ilightbox-caption {
position: relative !important;
text-align: center !important;
text-shadow: none !important;
background: none !important;
font-size: 14px !important;
padding-top: 8px !important;

This does not work on smaller screens such as tablets or smartphones.

Any way to get this to work on small screens?