.gallery-block {
  .gallery {
    &.small {
      figure {
        @apply
          lg:max-w-screen-sm;
      }
    }

    &.medium {
      figure {
        @apply
          lg:max-w-screen-lg;
      }
    }

    &.large {
      figure {
        @apply
          lg:max-w-screen-2xl;
      }
    }

    .swiper-button-prev,
    .swiper-button-next {
      @apply
        inline-block
        mt-0
        absolute
        w-auto
        h-auto
        first:mr-6

        after:hidden;

      svg {
        @apply
          inline-block;
      }
    }

    .swiper-slide {
      @apply
        relative
        top-7
        h-full;
    }

    figure {
      @apply
        mb-0
        aspect-auto
        bg-transparent
        lg:px-16
        px-8
        select-none
        mx-auto
        max-w-[300px]
        md:max-w-[600px]

        lg:max-w-screen-lg;

      img {
        @apply
          w-full
          h-auto
          mx-auto;
      }
    }

    h6 {
      @extend .has-xs-font-size;
      @apply
        font-mono
        mt-4;
    }
  }
}
