Clean up image presentation on home status view

app/assets/css/tailwind.css

@@ -98,9 +98,3 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 .squircle {
   clip-path: url(#squircleClip);
 }
-
-.status-body img {
-    max-width: 8rem;
-    border-radius: 0.25rem;
-    margin-top: 1rem;
-}

app/templates/site/home.html.slim

@@ -11,7 +11,10 @@ div class="mb-8 max-w-screen-md mx-auto border-t border-solid border-gray-200 da
     div class="col-span-7 sm:col-span-6 text-left"
       a class="u-url block my-auto hover:underline decoration-wavy" href=latest_status.permalink
         span class="e-content status-body"
-          == latest_status.content
+          - if latest_status.key_image
+            img class="float-start max-w-32 rounded mr-2" src=latest_status.key_image
+          p
+            == latest_status.raw_content
       - latest_status.syndicated_to.each do |loc|
         small class="text-fuchsia-200 dark:text-fuchsia-500"
           a rel="syndication" class="u-syndication" href=loc[:url] Read on #{loc[:location]}