diff --git a/src/gallery.rs b/src/gallery.rs
index 2971b2c..4291f51 100644
--- a/src/gallery.rs
+++ b/src/gallery.rs
@@ -118,7 +118,9 @@ pub fn GalleryEntry() -> impl IntoView {
                     view! {
                         <div class="main-width gallery-open-entry">
                             <h2 class="gallery-title">{image.title}</h2>
-                            <img src=format!("https://directus.gerome.fi/assets/{}?width=1600&height=1600&fit=inside&format=auto&quality=90&withoutEnlargement=true", image.watermarked.id)/>
+                            <a class="gallery-image-details-link" href=format!("https://directus.gerome.fi/assets/{}?format=auto&quality=95", image.watermarked.id)>
+                                <img src=format!("https://directus.gerome.fi/assets/{}?width=1600&height=1600&fit=inside&format=auto&quality=90&withoutEnlargement=true", image.watermarked.id)/>
+                            </a>
                             {if subtitle.len() > 0 {
                                 Some(view!{<h4 class="gallery-subtitle">{subtitle}</h4>})
                             } else {
diff --git a/style/main.scss b/style/main.scss
index f18c9ab..b5f2581 100644
--- a/style/main.scss
+++ b/style/main.scss
@@ -289,9 +289,13 @@ body {
 
   .blog-illustration {
     position: relative;
+    height: min(60vh, 75vw);
+
+    display: flex;
 
     img {
       max-height: 60vh;
+      height: 100%;
       width: 100vw;
       max-width: 100vw;
       object-fit: cover;
@@ -395,12 +399,17 @@ body {
   align-items: flex-start;
   margin-top: 32px;
 
-  img {
-    object-fit: contain;
-    width: 100%;
-    max-height: 90vh;
-    max-width: 1232px;
-    align-self: center;
+  .gallery-image-details-link {
+    display: block;
+    margin: auto;
+
+    img {
+      object-fit: contain;
+      width: 100%;
+      max-height: 90vh;
+      max-width: 1232px;
+      align-self: center;
+    }
   }
 
   .gallery-title {