allow disproportionate memes

public/assets/app.js

@@ -193,7 +193,6 @@ async function validateClientFile(file) {
 
   try {
     const dimensions = await readImageDimensions(file);
-    if (dimensions.width !== dimensions.height) return 'IMAGE MUST BE SQUARE.';
     if (dimensions.width > 6000 || dimensions.height > 6000) return 'IMAGE EXCEEDS 6000x6000.';
   } catch {
     return 'IMAGE COULD NOT BE INSPECTED.';

public/assets/styles.css

@@ -296,6 +296,7 @@ a {
   height: 100%;
   display: block;
   object-fit: cover;
+  object-position: center;
   opacity: 0.9;
   transition: transform 700ms ease, opacity 200ms ease;
 }
@@ -632,8 +633,10 @@ dialog::backdrop {
 
 .lightbox img {
   display: block;
-  width: 100%;
+  width: auto;
+  max-width: 100%;
   max-height: calc(100vh - 144px);
+  margin: 0 auto;
   object-fit: contain;
   background: #000;
 }