Использование: before CSS псевдоэлемент для добавления изображения в модальное окно

У меня есть класс CSS Модальный , который абсолютно позиционирован и проиндексирован по z над его родителем , и прекрасно сочетается с JQuery. Я хочу добавить изображение курсора (^) в верхнюю часть модального окна и искал использование псевдоселектора CSS : before , чтобы сделать это чисто.

Изображение должно быть абсолютно позиционировано и проиндексировано по оси z над модальным окном, но я не нашел способа добавить соответствующий класс к изображению в атрибуте content :

.Modal:before{
  content:url('blackCarrot.png') /* with class ModalCarrot ??*/
}

.ModalCarrot{
   position:absolute;
   left:50%;
   margin-left:-8px;
   top:-16px;
}

Второй лучший option- можно ли добавить стили, встроенные в атрибут содержимого?