:root {
  font-size: 10px;
}

#gallery #more {
  padding-top: .6rem;
}

#gallery #more > div:first-child {
  display: grid;
  grid-template-columns: repeat(3,  calc((100% - 5rem) / 3));
  gap: 2.5rem;
}

#gallery #more > div:first-child > div {
  position: relative;
}

#gallery #more > div:first-child > div::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#gallery #more > div .image-item,
#gallery #more > div .video-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#gallery #more > div .image-item figure,
#gallery #more > div .video-item figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
} 

#gallery #more > div .image-item img,
#gallery #more > div .video-item img {
  object-fit: cover;
  height: 100%;
}

#gallery #more > div .video-item figure::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.2rem 0 1.2rem 2.5rem;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  bottom: 2rem;
  right: 1.8rem;
	filter:drop-shadow(0px 0px 1px rgba(0,0,0,0.5));
}

#gallery #more .infinite-loading-container {
  padding-top: 8rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 928px) {
  :root {
    font-size: calc(10 / 750 * 100vw);
  }
  #gallery #more > div:first-child {
    gap: 0;
    grid-template-columns: repeat(3, calc(100% / 3));
  }

  /* #gallery #more > div .video-item figure::after {
    border-width: 3rem 0 3rem 6rem;
  } */
}