Как разместить изображение в правом верхнем углу карты PrimeNG, не влияя на макет? ⇐ CSS

[Anonymous]

Я использую Angular с PrimeNG для создания интерфейса, и столкнулся с проблемой: при попытке поместить изображение в верхний правый угол каждой p-карточки изображение должно strong>не мешает содержанию карточки, но должен появляться в ее правом верхнем углу относительно каждой карточки, как водяной знак.
мой код

Код: Выделить всё

[img]assets/award_seal.svg[/img]
            style="position: absolute; top: 10px; right: 10px; z-index: 1;" />

При использовании позиции: Absolute изображение позиционируется относительно окна, а не p-карты, что делает все изображения фиксированными. для размещения на экране вместо карты. Я пробовал добавить позицию: относительно в контейнер карты, но это не работает
Скриншот Devtools

Подробнее здесь: https://stackoverflow.com/questions/792 ... -without-a