diff --git a/site/layouts/partials/homepage/heroContents.html b/site/layouts/partials/homepage/heroContents.html
index 55abe3f9..8096b884 100644
--- a/site/layouts/partials/homepage/heroContents.html
+++ b/site/layouts/partials/homepage/heroContents.html
@@ -39,13 +39,12 @@
                             {{ $fileTitle := (index (split .Name "-") 1) }}
                             {{ $fileTitle := (index (split $fileTitle ".") 0) }}
                             <li class="glide__slide">
-                                <div>
+                                <div class="image is-16by9">
                                     <div class="carousel-caption">{{ $fileTitle }}</div>
                                     <img {{if eq $index 0}}
-                                         class="article-image img-responsive center-block"
                                          src="/images/jumbotron{{ $element.Name | relURL }}"
                                          {{else}}
-                                         class="article-image img-responsive center-block lazy-load"
+                                         class="lazy-load"
                                          data-src="/images/jumbotron{{ $element.Name | relURL }}"
                                          {{end}}
                                          alt="{{ $fileTitle }}">
diff --git a/site/themes/shared-bulma-theme b/site/themes/shared-bulma-theme
index 175e9ea6..d5f9ad00 160000
--- a/site/themes/shared-bulma-theme
+++ b/site/themes/shared-bulma-theme
@@ -1 +1 @@
-Subproject commit 175e9ea65b63361243ec02b6fafedcc3d2fbfb85
+Subproject commit d5f9ad007d223619ff7a7ed0d2911dca3a2c04fa
diff --git a/src/scss/shared.scss b/src/scss/shared.scss
index ca43d91f..f0fbdb83 100644
--- a/src/scss/shared.scss
+++ b/src/scss/shared.scss
@@ -69,12 +69,20 @@ $blog-entry-single-height: 26em;
 // Used for the carousel
 .carousel-caption {
     text-align: left;
-    padding: 0 10px;
-    font-size: 14px;
-    top: 10px;
+    padding: 0 5px;
+    font-size: 0.70rem;
+
+    bottom: 0;
+    right: 0;
+
     position: absolute;
-    z-index: 5;
-    text-shadow: -2px 2px 3px #000,-2px -2px 3px #000,2px -2px 3px #000,2px 2px 3px #000;
+    z-index: 2;
     display: inline-block;
-    min-width: 300px;
+
+    border-radius: 5px 0 0 0;
+    -moz-border-radius: 5px 0 0 0;
+    -webkit-border-radius: 5px 0 0 0;
+
+    // Overrride on regular has-background-dark with transparency
+    background: rgba(54, 54, 54, 0.85) !important;
 }