WordPress CSS Bilder hüpfen und wechseln die Farbe

/* BILDER EFFEKTE START */

/* Standardzustand: Alle Bilder grau, AUẞER Bilder mit der Klasse .no-effect */
.entry-content img:not(.no-effect) {
  filter: grayscale(100%); 
  transition: filter 0.3s ease;
}

/* Hover-Zustand: Nur Bilder OHNE .gb-media-c633b84f werden farbig und hüpfen */

.entry-content img:not(.gb-media-c633b84f):hover {
  filter: grayscale(0%);
  animation: hop 0.5s ease;
}

/* Die Hüpf-Animation bleibt gleich */
@keyframes hop {
  0% { transform: translateY(0); }
  30% { transform: translateY(-15px); }
  50% { transform: translateY(0); }
  70% { transform: translateY(-7px); }
  100% { transform: translateY(0); }
}

/* BILDER EFFEKTE ENDE */