Tweak portrait layout, add leaf backgrounds

1 files changed, 8 insertions, 16 deletions

diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index 0d56a33..2f52b7b 100644
--- a/stylesheets/membre.css
+++ b/stylesheets/membre.css
@@ -1,9 +1,12 @@
 main {
     display: grid;
-    grid-template-columns: 60% 40%;
+    grid-template-columns: 3fr 2fr;
     align-items: center;
-    justify-self: center;
-    width: 80%;
+}
+
+main > * {
+    margin-left: 2em;
+    margin-right: 2em;
 }
 
 #bio {
@@ -31,18 +34,7 @@ main {
     margin-bottom: 0.2em;
 }
 
-#photo {
-    position: fixed;
-    bottom: 0;
-    right: 0;
-    width: 70vh;
-    height: 70vh;
-    z-index: -1;
-}
-
 #photo img {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    object-fit: contain;
+    width: 100%;
+    background-size: cover;
 }