Nur einzelne Bilder mit Hover ansprechen

Ihr Lieben,

ich komme nicht voran und verstehe ausnahmsweise auch einmal das Problem nicht.
Ich möchte auf meiner Seite nur einzelne Cover mit einem Schlagschatten versehen, der beim Darüberfahren erscheint. So weit, so gut: Will ich alle Bilder ansprechen, dann habe ich kein Problem, ich hatte im Customizer folgenden Code eingegeben;

img:hover{box-shadow: 29px 56px 50px 5px #535350;}

Jetzt habe ich im Gutenberg einigen Bildern ein zusätzliches CSS-Attribut verpasst (und ich habe all möglichen Namen ausprobiert, falls es daran gelegen haben sollte), ich bin bei img1 geblieben und habe denselben Code

img1:hover{box-shadow: 29px 56px 50px 5px #535350;}

.

Das entsprechende Bild wird auch angesprochen - siehe hier https://andrea-instone.de/schreiben/der-…es-erstem-fall/ , nur eben nicht mit dem Schlagschatten, den ich eingegeben habe. Was ich auch an den Abmessungen ändere, das Dinge hängt über die gesamte Beitragsseite im oberen Drittel des Bildes. Ich habe probeweise den Code für alle Bilder aus dem Customizer entfernt, anstatt ihn nur auszutaggen, ich habe über CSS Editoren einen neuen Code erstellen und den alten testen lassen - überall sehe ich ihn so, wie ich ihn haben wollte. Kann mir jemand erklären, weshalb derselbe Code unterschieldich gelesen wird und was ich tun kann?

Oder gibt es eine Möglichkeit, einzelne Bilder nicht hovern zu lassen? Das wäre mir noch lieber, weil es nur wenige sind, bei denen ich das nicht möchte. Aber dazu habe ich zumindest mit meinen Suchworten nirgendwo eine Anleitung gefunden.

Danke

Zitat von maxe

gib den Bildern, die du nicht mit Schlagschatten hovern willst, eine eigene css class und setzt für diese class den box-shadow auf 0.

Ich habe die Class jetzt einfach ohne genannt und das geschrieben:

.ohne:hover{box-shadow: 0;}

Das habe ich sicherlich falsch verstanden, denn dabei tut sich nichts. Für das Logo habe ich die 0 durch none ersetzt, dabei wird dann kein Schlagschatten geworfen. Für das Bild mit der Class ohne tut aber auch das nichts.

Zitat von maxe

Code

.ohne:hover {
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

Es ist auf der Startseite https://andrea-instone.de die junge Dame - sie ist störrisch. (Danke aber schon einmal bis hierher :) )

Wie kann ich das denn dem img geben? Ich habe im Gutenberg das Bild markiert und die Class in dem Feld ganz unten eingegeben.

Ah, sehe ich jetzt erst, entschuldige - das klappt jetzt. Vielen lieben Dank, you made my day :)