Preserve timeline image aspect ratios while capping extreme heights

Hop-State: A_06FP8XBJG1KAXASRWXBHKSG
Hop-Proposal: R_06FP8XAZCNJPCZJ7TK97X6R
Hop-Task: T_06FP8WKEDCADT9GRPPF08V0
Hop-Attempt: AT_06FP8WKEDETRHWNPKX8G4HR

src/app/globals.css

@@ -445,9 +445,9 @@ a.btn-primary:visited {
 
 .post-media-item img {
   width: 100%;
-  height: 100%;
-  max-height: 360px;
-  object-fit: cover;
+  height: auto;
+  max-height: min(80vh, 900px);
+  object-fit: contain;
   display: block;
 }
 
@@ -1606,7 +1606,6 @@ a.btn-primary:visited {
     gap: 8px;
   }
 
-  .post-media-item img,
   .post-media-item video {
     max-height: 400px;
   }