.block-gallery {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 100px 0 !important;

  .redactor {
    margin-bottom: 45px;
    
    h1, h2, h3 {
      color: var(--color-white);
    }
  }

  .splide__arrow {
    all: unset;
    width: 45px;
    position: absolute;
    top: calc(50% - 45px / 2);
    z-index: 1;

    svg {
      all: unset;
    }
  }

  .splide__arrow:focus-visible {
    outline: 3px solid var(--color-primary-dark);
    outline-offset: 2px;
    box-shadow: 0 0 0 5px var(--color-white);
  }

  .splide__arrow--prev {
    left: 12px;

    @media (min-width: 992px) {
      left: calc(-45px / 2);
    }
  }

  .splide__arrow--next {
    right: 12px;

    @media (min-width: 992px) {
      right: calc((50% - var(--lg-container) / 2) + (45px / 2) + 14px);
    }

    @media (min-width: 1200px) {
      right: calc((50% - var(--xl-container) / 2) + (45px / 2) + 14px);
    }

    @media (min-width: 1400px) {
      right: calc((50% - var(--xxl-container) / 2) + (45px / 2) + 14px);
    }

    @media (min-width: 1600px) {
      right: calc((50% - var(--max) / 2) + (45px / 2) + 14px);
    }
  }

  .shared-image {
    .shared-image-caption {
      color: var(--color-white);

      &::before {
        background-image: url("/assets/bijenmuseum/icons/caption-yellow-55155371.svg");
      }
    }
  }
}