diff --git a/_includes/post/playlist.html b/_includes/post/playlist.html
index d1cbfae..1682aa7 100644
--- a/_includes/post/playlist.html
+++ b/_includes/post/playlist.html
@@ -1,8 +1,8 @@
 <div class="playlist-container">
   <div class="playlist-media">
     {% capture src %}{{page.playlist | slugify}}.png{% endcapture %} {% include
-    img.html src=src alt='album art' width='1000' height='1000' %} {% if
-    page.spotify %}
+    img.html src=src class='img-half' alt='album art' width='1000' height='1000'
+    %} {% if page.spotify %}
     <p class="playlist-meta">
       <a href="{{ page.spotify }}" class="btn"
         >{% include icons/headphones.svg %} Listen on Spotify</a
diff --git a/assets/site.css b/assets/site.css
index 559e01a..d4c0b7b 100644
--- a/assets/site.css
+++ b/assets/site.css
@@ -421,16 +421,16 @@ picture {
   grid-column: span 12;
 }
 
-.playlist-container {
-  display: flex;
-  grid-gap: 2em;
-}
+@media (width >= 50rem) {
+  .playlist-container {
+    display: flex;
+    grid-gap: 2em;
+  }
 
-.playlist-container .playlist {
-  flex-grow: 1;
-}
+  .playlist-container .playlist {
+    flex-grow: 1;
+  }
 
-@media (width >= 50rem) {
   .playlist-media {
     max-width: 19rem;
   }