block image

assets/sass/_theme/blocks/image.sass

@@ -13,24 +13,43 @@
         .credit
             p
                 @extend .meta
+    picture
+        display: block
+        margin-left: calc(-#{$grid-gutter-sm} / 2)
+        margin-right: calc(-#{$grid-gutter-sm} / 2)
 
-    @include media-breakpoint-down(md)
-        .container
-            padding-left: 0
-            padding-right: 0
-        figcaption
-            padding: 0 calc(#{$grid-gutter-sm} / 2)
 
     @include in-page-with-sidebar
         @include media-breakpoint-up(md)
+            picture
+                margin-left: 0
+                margin-right: -$grid-gutter
             img
                 max-height: calc(100vh - var(--header-height))
                 width: auto
     @include in-page-without-sidebar
         @include media-breakpoint-up(md)
-            figcaption
-                align-items: baseline
+            .block-content
+                position: relative
+                .top
+                    position: absolute
+                    width: col(5)
+            figure
                 display: flex
-                justify-content: space-between
-                > *
-                    max-width: 40%
+                align-items: flex-end
+                > a 
+                    width: col(7)
+                    margin-left: calc(#{$grid-gutter} / 2)
+                    display: block
+                    order: 2
+                picture
+                    margin-left: 0
+                    margin-right: -$grid-gutter
+                figcaption
+                    width: calc(#{col(5)} + #{$grid-gutter} / 2)
+                    order: 1
+                    display: block
+                    text-align: right
+                img
+                    max-height: calc(100vh - var(--header-height))
+                    width: auto
\ No newline at end of file