diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index b387ecb9..f085bfbb 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -72,16 +72,6 @@ pre {
   right: -.75rem !important;
 }
 
-@media (min-width: 576px) {
-  .swiper-button-prev {
-    left: -1.25rem !important;
-  }
-  
-  .swiper-button-next {
-    right: -1.25rem !important;
-  }
-}
-
 .page-wrapper {
   padding-top: 80px;
   padding-bottom: 80px;
@@ -153,7 +143,7 @@ pre {
 
 .hero-section-top-img {
   width: 250px;
-  margin: 0 auto;
+  margin: 80px auto 0;
 }
 
 .hero-section-top-title {
@@ -264,3 +254,20 @@ pre {
   font-size: 14px;
   line-height: 24px;
 }
+
+/* Media queries */
+@media (min-width: 576px) {
+  .swiper-button-prev {
+    left: -1.25rem !important;
+  }
+  
+  .swiper-button-next {
+    right: -1.25rem !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .hero-section-top-img {
+    margin: 0 auto;
+  }
+}
diff --git a/app/views/index.scala.html b/app/views/index.scala.html
index e99cb476..f2ac1219 100644
--- a/app/views/index.scala.html
+++ b/app/views/index.scala.html
@@ -1,6 +1,10 @@
 @(organizationContributors: Seq[Contributor], individualContributors: Seq[Contributor])(implicit request: Request[AnyContent])
 @main(title = "Home", request) {
 <div id='content'>
+    <div class="position-absolute top-0 end-0">
+        @includes.advertisement()
+    </div>
+
     <section class="home-section">
         <div class="container">
             <div class="hero-section-top">
@@ -32,8 +36,6 @@ <h1 class="hero-section-top-title">The Software Development Kit Manager</h1>
                     <code>curl -s "https://get.sdkman.io" | bash</code>
                 </p>
             </div>
-
-            @includes.advertisement()
         </div>
     </section>