From 415361df116be6d91f5952e2875aa39f63bafe97 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha.astiadi@code.berlin>
Date: Fri, 21 Jun 2024 13:54:21 +0200
Subject: [PATCH] fix layout

---
 templates/partials/invest.html | 62 +++++++++++++++-------------------
 1 file changed, 28 insertions(+), 34 deletions(-)

diff --git a/templates/partials/invest.html b/templates/partials/invest.html
index 25eec7b..dbaa290 100644
--- a/templates/partials/invest.html
+++ b/templates/partials/invest.html
@@ -1,48 +1,42 @@
-
-<!--  Hero Section -->
-
 <div class="relative bg-black">
-    <div class="relative h-80 overflow-hidden bg-indigo-600 md:absolute md:left-0 md:h-full md:w-1/3 lg:w-1/2">
-      <div class="absolute -bottom-8 -left-96 -z-10 transform-gpu blur-3xl sm:-bottom-64 sm:-left-40 lg:-bottom-32 lg:left-8 xl:-left-10" aria-hidden="true">
-        <div class="aspect-[1266/975] w-[79.125rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+  <div class="relative h-80 overflow-hidden bg-indigo-600 md:absolute md:left-0 md:h-full md:w-1/3 lg:w-1/2">
+    <div class="absolute -bottom-8 -left-96 -z-10 transform-gpu blur-3xl sm:-bottom-64 sm:-left-40 lg:-bottom-32 lg:left-8 xl:-left-10" aria-hidden="true">
+      <div class="aspect-[1266/975] w-[79.125rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
     </div>
-        <div class="image-container">
-            <img class="h-full w-full object-cover" src="https://ourworld.tf/invest/img/ow5.png" alt="Image description">
-        </div>        
-      <svg viewBox="0 0 926 676" aria-hidden="true" class="absolute -bottom-24 left-24 w-[57.875rem] transform-gpu blur-[118px]">
-        <path fill="url(#60c3c621-93e0-4a09-a0e6-4c228a0116d8)" fill-opacity=".4" d="m254.325 516.708-90.89 158.331L0 436.427l254.325 80.281 163.691-285.15c1.048 131.759 36.144 345.144 168.149 144.613C751.171 125.508 707.17-93.823 826.603 41.15c95.546 107.978 104.766 294.048 97.432 373.585L685.481 297.694l16.974 360.474-448.13-141.46Z" />
-        <defs>
-          <linearGradient id="60c3c621-93e0-4a09-a0e6-4c228a0116d8" x1="926.392" x2="-109.635" y1=".176" y2="321.024" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#776FFF" />
-            <stop offset="1" stop-color="#FF4694" />
-          </linearGradient>
-        </defs>
-      </svg>
+    <div class="image-container">
+      <img class="h-full w-full object-cover" src="https://ourworld.tf/invest/img/ow5.png" alt="Image description">
     </div>
-    <div class="relative mx-auto max-w-7xl py-24 sm:py-32 lg:px-8 lg:py-40">
-      <div class="pl-6 pr-6 md:ml-auto md:w-2/3 md:pl-16 lg:w-1/2 lg:pl-24 lg:pr-0 xl:pl-32">
-        <h2 class="text-base font-semibold leading-7 text-indigo-400">INVEST</h2>
-        <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">OurPass</p>
-        <p class="mt-2 text-lg leading-7 text-gray-300">A Unique Approach to Global Citizenship</p>
-        <div class="mt-4">
-        <p class="mt-4 text-base leading-7 text-gray-300">OurWorld presents an innovative approach to obtaining global citizenship through strategic investment. <b>OurPass: The Venture Creator Passport Program</b> offers a unique pathway for global investors to obtain residency and, eventually, citizenship in multiple countries.</p>
-        <div class="mt-8">
-          <a href="#" class="inline-flex rounded-md bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Learn More</a>
-        </div>
+    <svg viewBox="0 0 926 676" aria-hidden="true" class="absolute -bottom-24 left-24 w-[57.875rem] transform-gpu blur-[118px]">
+      <path fill="url(#60c3c621-93e0-4a09-a0e6-4c228a0116d8)" fill-opacity=".4" d="m254.325 516.708-90.89 158.331L0 436.427l254.325 80.281 163.691-285.15c1.048 131.759 36.144 345.144 168.149 144.613C751.171 125.508 707.17-93.823 826.603 41.15c95.546 107.978 104.766 294.048 97.432 373.585L685.481 297.694l16.974 360.474-448.13-141.46Z" />
+      <defs>
+        <linearGradient id="60c3c621-93e0-4a09-a0e6-4c228a0116d8" x1="926.392" x2="-109.635" y1=".176" y2="321.024" gradientUnits="userSpaceOnUse">
+          <stop stop-color="#776FFF" />
+          <stop offset="1" stop-color="#FF4694" />
+        </linearGradient>
+      </defs>
+    </svg>
+  </div>
+  <div class="relative mx-auto max-w-7xl py-24 sm:py-32 lg:px-8 lg:py-40 md:absolute md:right-0 md:h-full md:w-2/3 lg:w-1/2 lg:pl-24 xl:pl-32">
+    <div class="pl-6 pr-6 md:ml-auto">
+      <h2 class="text-base font-semibold leading-7 text-indigo-400">INVEST</h2>
+      <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">OurPass</p>
+      <p class="mt-2 text-lg leading-7 text-gray-300">A Unique Approach to Global Citizenship</p>
+      <p class="mt-4 text-base leading-7 text-gray-300">OurWorld presents an innovative approach to obtaining global citizenship through strategic investment. <b>OurPass: The Venture Creator Passport Program</b> offers a unique pathway for global investors to obtain residency and, eventually, citizenship in multiple countries.</p>
+      <div class="mt-8">
+        <a href="#" class="inline-flex rounded-md bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Learn More</a>
       </div>
     </div>
   </div>
 </div>
 
-
-  <style>
+<style>
   .image-container {
     position: relative;
     width: 100%;
     height: 100%;
-}
+  }
 
-.image-container::after {
+  .image-container::after {
     content: "";
     position: absolute;
     top: 0;
@@ -52,5 +46,5 @@
     background-color: #6366F1; /* Indigo-600 color */
     mix-blend-mode: overlay;
     opacity: 0.5; /* Adjust opacity as needed */
-}
-    </style>
\ No newline at end of file
+  }
+</style>