Redesign bench pages

site.css

@@ -5,6 +5,7 @@ img#aaron {
 
 body {
 	max-width: 780px;
+	margin: 0 auto;
 	padding: 20px;
 }
 
@@ -29,18 +30,18 @@ footer {
 }
 
 .img-grid a {
-	display: inline-block;
-	height: 160px;
+	align-items: flex-end;
+	display: flex;
 	margin-bottom: 10px;
-	width: 160px;
+	max-height: calc(100vw - 40px);
+	overflow: hidden;
 }
 
 .img-grid img {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
-	max-width: 160px;
-	max-height: 160px;
+	max-width: 100%;
 }
 
 .img-view {
@@ -65,10 +66,6 @@ div.nav {
 	header {
 		text-align: left;
 	}
-
-	body {
-		margin: 0 auto;
-	}
 }
 
 @media(prefers-color-scheme: dark) {