added person image

css/main.css

@@ -240,6 +240,21 @@ section:nth-of-type(4) p {
   right: 0;
 }
 
+#el_salvador_section {
+  position: relative;
+  overflow: hidden;
+}
+
+#el_salvador_map {
+  position: absolute;
+  opacity: 0.1;
+  top: 0;
+  width: max(100vh, 90vw);
+  height: auto;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
 #poc_images {
   display: grid;
   gap: 1vw;
@@ -253,7 +268,7 @@ section:nth-of-type(4) p {
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: 0.5rem;
-  transition: all 0.2s ease;
+  transition: filter 0.2s ease;
   filter: brightness(0.8);
 }
 #poc_images img:hover {

css/main.scss

@@ -210,6 +210,20 @@ section {
   align-self: center;
   right: 0;
 }
+
+#el_salvador_section {
+  position: relative;
+  overflow: hidden;
+}
+#el_salvador_map {
+  position: absolute;
+  opacity: 0.1;
+  top: 0;
+  width: max(100vh, 90vw);
+  height: auto;
+  left: 50%;
+  transform: translateX(-50%);
+}
 #poc_images {
   display: grid;
   gap: 1vw;
@@ -221,7 +235,7 @@ section {
     height: 24vmax;
     object-fit: cover;
     border-radius: 0.5rem;
-    transition: all 0.2s ease;
+    transition: filter 0.2s ease;
     filter: brightness(0.8);
     &:hover {
       filter: brightness(1);

index.html

@@ -33,7 +33,7 @@
     </header>
     <article id="home" class="page">
         <section id="above_fold" class="gap-4">
-            <img id="hero_illustration" src="assets/cityscape.svg" alt="">
+            <img id="hero_illustration" src="assets/svg/cityscape.svg" alt="">
             <div class="grid gap-0-5">
                 <h2>Real estate tokenization through the power of Blockchain technology.</h2>
                 <p>A global reference of tokenization aiming financial inclusiveness</p>
@@ -48,9 +48,10 @@
                 Explore the world with seamless property rentals,
                 powered by Bitcoin payments from anywhere on the globe!
             </p>
-            <img id="bitcoin_lineart" src="assets/bitcoin line art.svg" alt="">
+            <img id="bitcoin_lineart" src="assets/svg/bitcoin line art.svg" alt="">
         </section>
-        <section>
+        <section id="el_salvador_section">
+            <img src="assets/svg/el-salvador.svg" alt="" id="el_salvador_map">
             <div class="grid">
                 <h4>Why</h4>
                 <h2>El Salvador?</h2>
@@ -246,7 +247,7 @@
             {
                 name: 'Erika Pérez Cañas',
                 title: 'Principal director',
-                image: 'assets/Ruchir Gupta.jpg'
+                image: 'assets/people/erika pérez cañas.jpg'
             },
         ]