feat: resize homepage content width and show vision in width

sass/home/vision-mobile.scss

@@ -0,0 +1,3 @@
+.home__vision-container {
+	flex-direction: column;
+}

sass/home/vision.scss

@@ -1,3 +1,9 @@
+.home__vision-container{
+	display: flex;
+	align-items: center;
+}
+
+
 .home__vision-text-line {
 	font-size: 0.8rem;
 	font-style: italic;

templates/home/components/_vision.html

@@ -1,6 +1,6 @@
 <section class="home__vision-container">
-  <em class="home__vision-title">Imagine a world...</em>
   <p class="home__vision-text">
+  <em class="home__vision-title">Imagine a world...</em><br />
     <span class="home__vision-text-line">
       ...where the services that you use for are not only reliable but also
       <i>radically</i> transparent.<br />
@@ -25,14 +25,15 @@
     </span>
   </p>
 
-  <h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2>
-  <p class="home__vision-intro-tagline">
-    Where sustainable free homes are created for free software development
-  </p>
-  <div>
-    
-    <button class="home__vision-aciton-btn">
-      <a href="/about" class="home__vision-action-link">Learn More</a>
-    </button>
+  <div class="home__vision-action-container">
+    <h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2>
+    <p class="home__vision-intro-tagline">
+      Where sustainable free homes are created for free software development
+    </p>
+    <div>
+      <button class="home__vision-aciton-btn">
+        <a href="/about" class="home__vision-action-link">Learn More</a>
+      </button>
+    </div>
   </div>
 </section>