Update

Author: SasiAlavala

assets/css/main.css

@@ -281,6 +281,8 @@ body {
   display: flex;
   flex-direction: column;
   align-items: center;
+  max-width: 200px;
+  margin: 0 auto;
 }
 
 .person-card:hover {
@@ -376,17 +378,18 @@ body {
 .pub-thumbnail {
   position: relative;
   flex-shrink: 0;
-  width: 160px;
-  height: 120px;
+  width: 200px;
+  height: 150px;
   overflow: hidden;
   border-radius: 8px;
   border: 1px solid var(--border-color);
+  background: #f5f5f5;
 }
 
 .pub-thumbnail img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
 }
 
 .pub-venue-tag {
@@ -663,7 +666,7 @@ body {
 
   .pub-thumbnail {
     width: 100%;
-    height: 200px;
+    height: 220px;
   }
 
   .pub-title {