Don't use !important in media styles

sass/_media.scss

@@ -1,17 +1,3 @@
-img {
-	transition: var(--transition-longer);
-
-	&:not(.no-hover, &[src*="#no-hover"]) {
-		cursor: zoom-in;
-
-		&:hover {
-			transform: scale(1.1);
-			box-shadow: var(--shadow-raised);
-			border-radius: 0;
-		}
-	}
-}
-
 img,
 video {
 	display: block;
@@ -34,9 +20,26 @@ video {
 	&[src*="#transparent"] {
 		box-shadow: none;
 		border-radius: 0;
+	}
+}
+
+img {
+	transition: var(--transition-longer);
+
+	&:not(.no-hover, &[src*="#no-hover"]) {
+		cursor: zoom-in;
 
 		&:hover {
-			box-shadow: none !important;
+			transform: scale(1.1);
+			box-shadow: var(--shadow-raised);
+			border-radius: 0;
+		}
+
+		&.transparent,
+		&[src*="#transparent"] {
+			&:hover {
+				box-shadow: none;
+			}
 		}
 	}
 }