Working, working.

public/theme/skeleton/css/sakura.css

@@ -82,7 +82,9 @@ blockquote {
   border-left: 3px solid #2c8898; }
 
 img {
-  max-width: 100%; }
+  max-width: 100%;
+  display: block;
+}
 
 /* Pre and Code */
 pre {
@@ -214,3 +216,13 @@ label, legend, fieldset {
   color: #abcfd6;
 }
 
+/* Bolt Image holder */
+section.imageholder {
+  margin: 0.5rem 0;
+}
+
+section.imageholder small {
+  display: block;
+  text-align: center;
+  font-size: 1.6rem;
+}

public/theme/skeleton/index.twig

@@ -11,7 +11,10 @@
 
         {{ record|excerpt }}
 
-        {{ popup(record|image, 1200, 500) }}
+        <section class="imageholder">
+            {{ popup(record|image, 1200, 500) }}
+            <small>{{ record|image.alt }}</small>
+        </section>
 
         {{ record.content }}
 

src/Twig/ContentExtension.php

@@ -135,10 +135,7 @@ class ContentExtension extends AbstractExtension
         return null;
     }
 
-    /**
-     * @return string|null
-     */
-    public function getImageName(Content $content)
+    public function getImageName(Content $content): ?string
     {
         foreach ($content->getFields() as $field) {
             if ($field instanceof ImageField) {

src/Twig/ImageExtension.php

@@ -162,6 +162,4 @@ class ImageExtension extends AbstractExtension
 
         return htmlentities($alt, ENT_QUOTES);
     }
-
-
 }