Размещение фона и текста в определенных позициях - Joomla 3.x: Шаблоны, разметка и макеты вывода

Здравствуйте, очередной вопрос от глупого юзера к просвещенным гуру)
Вот сайт http://pravoclub.ru/ пункт: Виды правовой помощи - в ряду по 4-ре блока картинка + текст поверх - как это сделать?
Допустим через модуль "HTML-код" я поставлю картинку, но как текст разместить поверх нее и чтоб он был именно в этих позициях и не плавал при изменении расширения экрана?

У вас текст и под ним картинка, у меня в примере текст поверх картинки и не выходит за ее рамки - как это сделать?

Я вот думаю что можно сделать табличку с заданными размерами, картинка как фон и текст писать в разных ячейках -  но насколько это корректно?

позиционированием:див сверху дива, а дивам уже свои стили задавайте
http://www.webremeslo.ru/css/glava12.html

позиционированием:див сверху дива, а дивам уже свои стили задавайте
http://www.webremeslo.ru/css/glava12.html

Спасибо, изучаю.
Хотя уже думаю проще заказ кинуть на повтор таких-же блоков в Joomla и я потом на свое поменяю))