Hallo Matthias,

Die abgeschnittenen Vierecke könnten etwa absolut positionierte Pseudoelemente sein oder auch geschickt angeordnete box-shadows.

ich bin jetzt zwar 3 Stunden an dem CSS und HTML gesessen, aber ich habe es hinbekommen. Ob sich der ganze Aufwand allerdings lohnt ist eine andere Frage.

Mein HTML

    <aside class="test">
        <img src="img/1.jpg" alt="Titelbild">
    </aside>

Mein CSS

.test:after {
     content: '';
    position: absolute;
    top: 95px;
    right: 120px;
    width: 80px;
    height: 80px;
    background-color:transparent;
    transform: rotate(0deg);
	border-right:10px solid #003;
	border-top: 10px solid #003;
}