Alt Gallery SCSS

gallery.scss

.galleryAlt {
  .gallery-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    .gallery-grid__row {
      display: flex;
      flex-basis: calc(calc(100% / 3) - calc(50px / 3));
      margin-bottom: 0;
      flex-direction: column;
      @include bp(desktop) {
        flex-basis: calc(50% - 25px);
      }
      @include bp(tablet) {
        flex-basis: 100%;
      }
      .gallery-grid__details {
        background: none;
        color: $highlight-color;
        flex-shrink: 1;
        flex-grow: 0;
        margin-top: 12.5px;
        line-height: 1;
        flex-basis: 20px;
      }
      a {
        width: 100%;
        display: flex;
        margin-right: 0px;
        flex-basis: calc(100% - 20px);
        img {
          object-fit: contain;
          max-height: 500px;
        }
      }
    }
  }
}

.procedure-gallery__swiper-gallery {
  .swiper-slide {
    span {
      display: none !important;
    }
  }
}

.inline-gallery {
  .swiper-slide  {
    a {
      background: #f3ede8;
      text-align: center;
      display: flex;
      justify-content: center;
      align-self: center;
      position: relative;
      height: 250px;
      img {
        width: 100% !important;
        object-fit: contain;
        max-width: initial;
      }
    }
    span {
      display: none !important;
    }
  }
}