fix(style): Change the css styling for different screen size

src/styles/hero.css

@@ -207,14 +207,14 @@
   }
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 1023px) {
   .hero {
     height: 891px;
   }
 
   .hero__inner {
     flex-direction: row;
-    padding: 0;
+    padding: 0 24px;
   }
 
   .hero__phone-column {
@@ -235,3 +235,9 @@
     font-size: 72px;
   }
 }
+
+@media (min-width: 1280px) {
+  .hero__inner {
+    padding: 0;
+  }
+}