Hallo AnnWolf,
das Problem mit dem abgeschnittenen Schatten sollte sich durch eine kleine Anpassung deiner CSS-Klasse img-schatten lösen lassen:
CSS
.img-schatten {
-webkit-filter: drop-shadow(0px 0px 10px #000);
filter: drop-shadow(0px 0px 10px #000);
overflow: visible; /* Sorgt dafür, dass der Schatten nicht abgeschnitten wird */
}
overflow: visible "erlaubt" dem Bild, dass es bzw. der Schatten auch über den Container hinausgehen kann. Normalerweise ist das die Standardeinstellung, diese wurde aber von ZP überschrieben. Vermutlich, weil das an gewissen Stellen Probleme mit manchen Layouts geben kann.
PS: Es hängt aber davon ab, wo du das Bild anbindest, ob eventuell noch weitere CSS Regeln greifen und diese dann überschreiben oder beeinflussen.