diff --git a/app/components/ui/internal/MediaImageCard.vue b/app/components/ui/internal/MediaImageCard.vue
index 33815a4..70ea1f8 100644
--- a/app/components/ui/internal/MediaImageCard.vue
+++ b/app/components/ui/internal/MediaImageCard.vue
@@ -57,4 +57,8 @@ const props = defineProps<Props>();
 .vibrant-color:hover {
     color: v-bind(paletteVibrantHsl);
 }
+
+.vibrant-color {
+    transition: color ease-in 0.1s;
+}
 </style>