better experience on mobile and touchscreens

src/style.css

@@ -112,13 +112,18 @@ h2#subtitle > span > span {
     position: absolute;
     left: 1rem;
     bottom: 0;
-    height: min(80vh, 100vh - 10.5rem);
+
+    height: 80vh;
     min-height: 15rem;
-    width: auto;
+    max-height: calc(100vh - 10.5rem);
+    max-width: calc(100vw - 15em);
+
+    object-fit: contain;
+    object-position: left bottom;
 }
 
 i svg {
-    height: 2em;
+    height: 2.5em;
     color: #131721;
     fill: currentColor;
 }
@@ -142,8 +147,16 @@ ul#contact {
     }
     #photo {
         max-height: 50vh;
+        max-width: none;
     }
     ul#contact {
         flex-direction: column;
     }
 }
+
+@media (pointer:coarse) {
+    i svg {
+        height: 3em;
+        padding: .5em 0;
+    }
+}