Hover effect on images

src/dashboardWebView/components/Contents/Item.tsx

@@ -117,7 +117,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
               <img
                 src={`${pageData[PREVIEW_IMAGE_FIELD]}`}
                 alt={escapedTitle}
-                className="absolute inset-0 h-full w-full object-cover"
+                className="absolute inset-0 h-full w-full object-cover group-hover:brightness-75"
                 loading="lazy"
               />
             ) : (

src/dashboardWebView/components/Media/Item.tsx

@@ -447,7 +447,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
             {renderMediaIcon}
           </div>
           <div
-            className={`absolute top-0 right-0 bottom-0 left-0 flex items-center justify-center`}
+            className={`absolute top-0 right-0 bottom-0 left-0 flex items-center justify-center group-hover:brightness-75`}
           >
             {renderMedia}
           </div>