block feature credit

assets/sass/_theme/blocks/features.sass

@@ -8,18 +8,21 @@
             margin-top: $spacing3
         h3
             margin-bottom: $spacing0
-        picture
+        figure
             order: -1
             margin-bottom: $spacing1
             img
                 display: block
                 margin: auto
-
+            figcaption
+                @include meta
+                margin-top: $spacing0
+                text-align: right
     @include media-breakpoint-up(md)
         @include in-page-with-sidebar
             li
                 flex-direction: row
-                picture
+                figure
                     width: calc(#{col(2, 8)} + #{half($grid-gutter)})
                     flex-shrink: 0
                     margin-right: half($grid-gutter)

assets/sass/_theme/design-system/nav.sass

@@ -67,7 +67,7 @@
             > a, span
                 @include meta
                 display: block
-                padding: calc(#{$spacing0} * 0.5) $spacing0
+                padding: half($spacing0) $spacing0
             &:last-child 
                 a, span
                     padding-right: 0

layouts/partials/blocks/templates/features.html

@@ -29,11 +29,18 @@
                   <p>{{ partial "PrepareText" .description }}</p>
                 </div>
                 {{- if .image -}}
-                  {{- partial "commons/image.html"
-                    (dict
-                      "image"    .image
-                      "sizes"    site.Params.image_sizes.blocks.features
-                    ) -}}
+                  <figure>
+                    {{- partial "commons/image.html"
+                      (dict
+                        "image"    .image
+                        "sizes"    site.Params.image_sizes.blocks.features
+                      ) -}}
+                      {{- if .credit -}}
+                      <figcaption>
+                        {{ partial "PrepareText" .credit }}
+                      </figcaption>
+                      {{- end -}}
+                  </figure>
                 {{- end -}}
               </li>
             {{ end -}}