GalleryItem img now acts as a link to full file when clicked

src/App.css

@@ -38,7 +38,12 @@ body {
   overflow: clip;
 }
 
-.GalleryItem > img,
+.GalleryItem > .ImgLink {
+  margin: 0;
+  padding: 0;
+}
+
+.GalleryItem > .ImgLink > img,
 .GalleryItem > video {
   object-fit: contain;
   max-height: 80vh;

src/Gallery/index.tsx

@@ -116,7 +116,9 @@ function ImageItem({ thumbnail_url, url, isPlaceholder }: galleryItem) {
       <a href={url} target="_blank">
         {getFileName(url)}
       </a>
-      <img src={thumbnail_url} loading="lazy" />
+      <a href={url} target="_blank" className="ImgLink">
+        <img src={thumbnail_url} loading="lazy" />
+      </a>
     </div>
   );
 }