diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index b8dad12..ed10b69 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -26,6 +26,11 @@
     body {
         max-width: 100em;
     }
+
+    .featured-art {
+        height: 256px;
+        width: auto;
+    }
 }
 
 /* mobile devices */
@@ -55,6 +60,11 @@
     footer {
         margin: 5px;
     }
+
+    .featured-art {
+        height: auto;
+        width: 100%;
+    }
 }
 
 body {
diff --git a/themes/red/layouts/partials/featured-art.html b/themes/red/layouts/partials/featured-art.html
index 8b4d517..fe07469 100644
--- a/themes/red/layouts/partials/featured-art.html
+++ b/themes/red/layouts/partials/featured-art.html
@@ -20,7 +20,7 @@
         <a href="{{ $path }}" aria-label="Click to view details">
             {{ $title := .title }}
             {{ with resources.Get (printf "art/%s" .filename) }}
-            <img class="gallery-img" style="height: 256px; width: auto;" alt="{{ $title }}" width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}"/>
+            <img class="gallery-img featured-art" alt="{{ $title }}" width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}"/>
             {{ else }}
             <p>Thumbnail not found!</p>
             {{ end }}