fix lightbox and gallery

assets/sass/_theme/_utils.sass

@@ -346,7 +346,7 @@
             top: 0
             background: $color-background-alt
             text-align: center
-            padding: half($spacing0) 0
+            padding: half($spacing0)
             display: block
         p
             @include meta
@@ -359,9 +359,15 @@
         &:focus
             p
                 display: block
+        @include media-breakpoint-up(desktop)
+            &:before
+                padding-bottom: 0
+                padding-top: 0
+
     &:hover
         figcaption p
             display: block
+
 // https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6
 @function str-replace($string, $search, $replace: "")
 	$index: str-index($string, $search)

assets/sass/_theme/blocks/gallery.sass

@@ -81,9 +81,8 @@
                     padding-right: 20%
                     img
                         max-width: 100%
-            figure 
-                margin-left: $grid-gutter
-                margin-right: half(-$grid-gutter)
+            figure
+                margin-right: half($grid-gutter)
                 picture
                     img
                         // FIXME Arnaud: I would like images at constant height, can't manage to get it right.
@@ -121,6 +120,11 @@
                 &--next
                     @include icon(arrow-right, before)
         @include in-page-without-sidebar
+            @include media-breakpoint-up(desktop)
+                .splide
+                    figure
+                        margin-left: $grid-gutter
+                        margin-right: half(-$grid-gutter)
             .splide
                 &__slide
                     &:first-child

assets/sass/_theme/dependencies/glightbox.sass

@@ -6,7 +6,7 @@
             background-color: transparent
         &-title,
         &-desc
-            color: $color-background
+            color: white
     .gnext,
     .gprev
         color: white

layouts/partials/footer/debug.html

@@ -117,6 +117,7 @@
     height: 2px;
     background: gray;
     display: none;
+    pointer-events: none;
     z-index: 100;
   }
   .d-cross.is-visible {