Как расположить фоновое изображение в верхнем левом и нижнем правом углу HTML-элемента?

У меня есть абзац, и я хочу иметь видимый «маркер», чтобы показать начало и конец абзаца для Пользователь.

У меня нет проблем с отображением фонового изображения в верхнем левом углу, но я не знаю, как расположить фоновое -изображение в нижнем правом углу. Вот мой css для позиционирования изображения в левом верхнем углу:

p[class] {
    background-image: url("../../image/my_image.gif");
    background-position: left top;
    background-repeat: no-repeat;
}

Я не ищу решения с использованием дополнительных html-элементов!!! Он должен работать только с использованием css! Из-за того, что в абзаце установлены псевдо-до и псевдо после элементов, я не могу использовать их здесь. Итак, вопрос::

Как я могу расположить фоновое изображение в левом верхнем и правом нижнем углу элемента html без использования дополнительных элементов html, но только css (и без псевдоэлементов )?