HTML/CSS: как вырезать изображение с позицией: абсолютное, которое выходит за пределы контейнера/карточки ⇐ CSS

[Anonymous]

Я создаю HTML-код карточки и хотел бы стилизовать его, используя изображение, обрезанное под углом. Я перепробовал кучу вещей, но, похоже, ничто не скрывает переполнение изображения! Вот текущая ситуация:


прозрачный круг — это импортированный png, и я не хочу, чтобы отображался бит переполнения (должен быть только розовый квадрат и ничего снаружи).
Текущий код всей карты!
Текущий код всей карты! р>

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

[img]https://f2.toyhou.se/file/f2-toyhou-se/images/94532125_ih8T8ykK5oGsXMd.png[/img]

test  text

Я пробовал разместить «overflow:hidden» в других местах, но безуспешно.
В идеале наклейка должна быть только на темно-розовом квадрате, но я не против это тоже пересекает границу. По крайней мере, сейчас.

Подробнее здесь: https://stackoverflow.com/questions/793 ... de-its-con