Merge branch 'main' of github.com:noesya/osuny-hugo-theme-aaa

assets/sass/_theme/blocks/gallery.sass

@@ -47,24 +47,33 @@
             &__slide
                 flex-shrink: initial
 
-            figure
+            figure // TODO : affichage écrasé
                 max-width: 80%
                 min-width: 80% // to check
                 @include in-page-without-aside
                     min-width: 50%
-                &:last-of-type
-                    max-width: 100%
-                    padding-right: 20%
-                img
-                    height: 50vw
-                    width: auto
-                    @include media-breakpoint-up(md)
-                        height: 100%
-                        max-height: 45vh
-                        min-height: 400px
+                // &:last-of-type
+                //     max-width: 100%
+                //     padding-right: 20%
+                picture
+                    height: 50vh
+                    overflow: hidden // solution provisoire : j'ai créé un masque avec le picture
+                    width: 100%
                     @media (min-height: 800px)
                         height: 680px
                         max-height: 100%
+                    img
+                        height: auto
+                        width: 100%
+                        @media (min-height: 800px)
+                            height: 100%
+                            max-width: unset
+                            width: auto
+                        // @include media-breakpoint-up(md)
+                        //     height: 100%
+                        //     max-height: 45vh
+                        //     min-height: 45vh
+                    
                 p
                     @media (min-height: 800px)
                         font-size: px2rem(16)