Как сделать фоновое изображение в: после выбора селектора на фоне и правильного положения?

Question

Я хочу сделать цитату с изображением в качестве фона до и после. : before не проблема, но с селектором: after изображение остается на переднем плане. Текст исчезает ...

Я пробовал разные решения с помощью css, например display inline-block, с указанием индекса абзаца: 99 и т. Д.

CSS:

blockquote p:after{
content:"";
 height:50px;
 width:50px;
 background:url("https://proef-domein.nl/chiropractic/wp-content/uploads/2019/06/quotes.png");
 margin-left:-30px;
 z-index:1;
 position:absolute}

Положение правильное, но изображение остается над текстом, а не под текстом.

Answer 1

Попробуйте, это сработало на моей локальной установке:

z-index:-1;

Answer 2

Проблема с

position:absolute;

Вы можете позиционировать абсолютный текст? Может быть, использовать другой элемент в абсолютном для текста?

After всегда «рядом» с элементом, а абсолютное всегда выше.