diff --git a/src/assets/css/default.css b/src/assets/css/default.css
index 41185faa..0f489114 100644
--- a/src/assets/css/default.css
+++ b/src/assets/css/default.css
@@ -60,12 +60,16 @@ img {
 @media (hover: hover) {
     @media (prefers-reduced-motion: no-preference) {
         .ui.card > .image > img.preview {
-            transition: height 0.2s linear;
+            transition: height 0.2s linear, opacity 0.2s linear;
         }
     }
     .ui.card:hover > .image > img.preview {
         height: calc(1em + 3 * var(--padding));
     }
+    .ui.card:hover > .image > img.preview[src="/src/assets/img/no-image.svg"] {
+        object-fit: contain;
+        background-color: #f9f9f9;
+    }
 }
 
 /** Provider */