Наложение текста на изображение

Question

Я использую плагин master slider.slide1 2 3 у всех разные классы.Попытка разместить текст поверх изображения, но не отображается.Я попробовал это, но ничего не увидел

.classnameslide1:before {
content: 'Text inserted before via CSS';
 }  
and  
.classnameslide1:after{
content: 'Text inserted before via CSS';
 }

Answer 1

Использовать относительное положение родительского и абсолютного для псевдоэлементов, например,

.classnameslide1 {position: relative; z-index: 1}
.classnameslide1:after {content: 'Text inserted before via CSS'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3}