positnioning changes

backplaces/css/style_index.css

@@ -44,6 +44,7 @@ body {
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
+  margin: auto;
 }
 
 .img-container {
@@ -51,7 +52,7 @@ body {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: 10px;
+  padding-left: 6rem;
   text-decoration: none;
 }
 
@@ -69,8 +70,8 @@ body {
   align-items: center;
   justify-content: center;
   padding-top: 1rem;
-  font-size: 2rem;
   font-family: 'Redaction-Regular';
+  font-size: 1rem;
   color: #FCF6F1ff;
   opacity: 0;
   transition: opacity 0.3s ease;
@@ -97,7 +98,6 @@ body {
   opacity: 1;
 }
 
-/* Ensures the second image is vertically aligned */
 .img2 {
   margin-top: 10px;
 }
@@ -107,7 +107,7 @@ body {
   align-items: center;
   justify-content: center;
   padding-top: 1rem;
-  font-size: 2rem;
+  font-size: 1.5rem;
   font-family: 'Redaction-Regular';
   color: #FCF6F1ff;
   opacity: 0;