diff --git a/static/css/styles.css b/static/css/styles.css
index 46b4158..19b12ea 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -370,7 +370,7 @@ hr {
     position: absolute;
     top: 0;
     left: 0;
-    filter: grayscale(100%) brightness(0.55);
+    filter: grayscale(100%) brightness(0.65);
 }
 
 .hero-overlay {
@@ -385,11 +385,13 @@ hr {
 
 .hero-text-container {
     position: absolute;
-    bottom: 64px;
-    left: 48px;
-    right: 48px;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     z-index: 2;
     max-width: 800px;
+    width: 90%;
+    text-align: center;
 }
 
 .hero-title {
@@ -398,7 +400,7 @@ hr {
     font-size: clamp(32px, 5vw, 56px);
     color: var(--white);
     margin: 0 0 24px 0;
-    text-align: left;
+    text-align: center;
 }
 
 .hero-description {
@@ -407,7 +409,7 @@ hr {
     color: var(--gray-300);
     line-height: 1.8;
     margin: 0 0 20px 0;
-    text-align: left;
+    text-align: center;
 }
 
 .hero-description:last-child {
@@ -1347,9 +1349,7 @@ span.emoji:hover::after {
     }
 
     .hero-text-container {
-        bottom: 40px;
-        left: 24px;
-        right: 24px;
+        width: 90%;
     }
 
     .hero-title {