diff --git a/_includes/home/intro.html b/_includes/home/intro.html
index e48b11b..ca8255b 100644
--- a/_includes/home/intro.html
+++ b/_includes/home/intro.html
@@ -5,7 +5,7 @@
     <div class="container">
       <div class="row">
         <div class="col-md-8 col-md-offset-2">
-          <img src="https://placehold.co/220x320" class="intro-logo" alt="State of the Map Latam 2024 Logo">
+          <img src="/assets/images/logo_sotm_latam.jpg" class="intro-logo" alt="State of the Map Latam 2024 Logo">
 
           <div class="intro-headline">{{ t.intro_section.headline }}</div>
           <div class="intro-dates">{{ t.intro_section.dates }}</div>
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 9c552c2..b858ff9 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -36,7 +36,17 @@ body {
   .intro-logo {
     display: block;
     margin: 0 auto; // Centers the image
-    border-bottom: 1px solid $color-text-default; 
+    border-bottom: 1px solid $color-text-default;
+    width: 100%;
+    height: auto;
+
+    @media (min-width: 768px) {
+      width: 50%;
+    }
+
+    @media (min-width: 992px) {
+      width: 50%;
+    }
   }
 
   .intro-headline, .intro-dates {
diff --git a/assets/images/logo_sotm_latam.jpg b/assets/images/logo_sotm_latam.jpg
new file mode 100644
index 0000000..238e5d9
Binary files /dev/null and b/assets/images/logo_sotm_latam.jpg differ