diff --git a/assets/css/bundle.css b/assets/css/bundle.css
index 42733f856ba2..2a1da065171c 100644
--- a/assets/css/bundle.css
+++ b/assets/css/bundle.css
@@ -1663,6 +1663,18 @@ section[id=pulumi-python-sdk] table td,section[id=pulumi-python-sdk] .pre{
   content:"R"
 }
 
+@media(min-width: 0px){
+  .medium-auto-height{
+    height:13rem
+  }
+}
+
+@media(min-width: 768px){
+  .medium-auto-height{
+    height:auto
+  }
+}
+
 .automation-scenarios-carousel-items{
   width: 100%
 }
diff --git a/layouts/page/awards.html b/layouts/page/awards.html
index 73b9638644bb..cd0750a55f1f 100644
--- a/layouts/page/awards.html
+++ b/layouts/page/awards.html
@@ -12,10 +12,10 @@
                             <div class="md:w-1/3 p-4">
                                 {{ if .url }}
                                     <a data-track="{{ .title | urlize }}-img" class="block text-center" href="{{ .url }}">
-                                        <img class="text-center inline-block rounded shadow p-1 h-52 md:h-28" src="{{ .img }}" />
+                                        <img class="text-center inline-block rounded shadow p-1 medium-auto-height" src="{{ .img }}" />
                                     </a>
                                 {{ else }}
-                                    <img class="text-center inline-block rounded shadow p-1 h-52 md:h-28" src="{{ .img }}" />
+                                    <img class="text-center inline-block rounded shadow p-1 medium-auto-height" src="{{ .img }}" />
                                 {{ end }}
                             </div>
                             <div class="md:w-2/3 p-4 text-left">
diff --git a/theme/src/scss/_awards.scss b/theme/src/scss/_awards.scss
new file mode 100644
index 000000000000..a74375b0e3e7
--- /dev/null
+++ b/theme/src/scss/_awards.scss
@@ -0,0 +1,11 @@
+@media (min-width: 0px) {
+    .medium-auto-height {
+        height: 13rem;
+    }
+}
+
+@media (min-width: 768px) {
+    .medium-auto-height {
+        height: auto;
+    }
+}
\ No newline at end of file
diff --git a/theme/src/scss/main.scss b/theme/src/scss/main.scss
index 0ff5ecdf0fc5..d291cbf13147 100644
--- a/theme/src/scss/main.scss
+++ b/theme/src/scss/main.scss
@@ -11,6 +11,7 @@
 @import "api-nodejs";
 @import "api-python";
 @import "api-symbol";
+@import "awards";
 @import "marketing/automation-api";
 @import "badges";
 @import "benefits";