wip

assets/css/core.css

@@ -13,6 +13,12 @@
   --shadow-outset: 0 0 0.5rem var(--color-gray);
 }
 
+html {
+  text-size-adjust: none;
+  -moz-text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+}
+
 body {
 	margin: 0;
 	overflow: overlay;

assets/css/layout.css

@@ -222,11 +222,6 @@
   z-index: 10;
 }
 
-.section--preview.horizontal img {
-  width: 90vh;
-  height: 90vw;
-}
-
 /* .section--preview.horizontal .close--preview {
   left: 0.25rem;
   right: unset;
@@ -258,12 +253,17 @@
 }
 
 .section--preview img {
-  width: 90vh;
+  width: 90vw;
   max-width: 100rem;
-  height: 90vw;
+  height: 90vh;
   max-height: 56.25rem;
   object-fit: cover;
   box-shadow: var(--shadow-outset);
+}
+
+.section--preview.horizontal img {
+  width: 90vh;
+  height: 90vw;
   transform: rotate(-90deg);
 }