block video

assets/sass/_theme/blocks/image.sass

@@ -45,6 +45,9 @@
                 picture
                     margin-left: 0
                     margin-right: -$grid-gutter
+                    // text-align: right
+                    // img
+                    //     display: inline
                 figcaption
                     width: calc(#{col(5)} + #{$grid-gutter} / 2)
                     order: 1

assets/sass/_theme/blocks/video.sass

@@ -5,9 +5,12 @@
         @include aspect-ratio(16/9, 'iframe')
         iframe
             background: black
+    @include in-page-without-sidebar
+        .transcription
+            width: col(7)
+            margin-left: auto
+    @include media-breakpoint-down(md)
+        .video
+            margin-left: calc(-#{$grid-gutter-sm} / 2)
+            margin-right: calc(-#{$grid-gutter-sm} / 2)
 
-    // @include media-breakpoint-up(md)
-    //     @include in-page-without-sidebar
-    //         .block-content
-    //             margin-left: col(2)
-    //             width: col(8)

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

@@ -14,4 +14,5 @@
 .transcription
     summary
         text-align: right
+        cursor: pointer