WIP: changes

src/styles/components/ImageSection.scss

@@ -4,7 +4,7 @@
   max-width: 100vw;
   max-height: 550px;
 
-  height: 550px;
+  //height: 550px;
   width: 550px;
 
   position: relative;
@@ -16,14 +16,6 @@
 
   padding: 1rem;
 
-  .cutout {
-    //background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/cutout.png");
-    background-size: contain;
-    background-repeat: no-repeat;
-    //height: 3rem;
-    margin: auto;
-  }
-
   .content {
     display: flex;
     flex-direction: column;
@@ -34,7 +26,7 @@
     background-color: rgba(0, 0, 0, 0.4);
     backdrop-filter: blur(5px);
 
-    padding: 0.5rem;
+    padding: 0.5rem 0.5rem 0;
     border-radius: 0.5rem;
 
     display: flex;
@@ -52,5 +44,4 @@
       font-size: 0.8rem;
     }
   }
-
 }

src/styles/pages/features.scss

@@ -15,8 +15,15 @@
     align-items: center;
   }
 
+  .gridlayout {
+    padding: 1rem;
+  }
+
   .gridlayout div {
-    margin: 1rem;
+    margin-bottom: 1rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
 }
 
@@ -28,6 +35,7 @@
 
     div {
       grid-column: span 1;
+      margin: 1rem;
     }
   }
 }