.image-grid {
  margin-top: 1rem;
}

.load-more {
  margin-top: 1rem;
}

.image-caption {
  text-align: center;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

.image-placeholder {
  background: #eee;
  height: 0;
  padding-bottom: 75%;
  position: relative;
}

.is-active {
  color: orange !important;
}

.image-placeholder img {
  /* position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease; */
}

.image-placeholder img.loaded {
  opacity: 1;
}

.bw-image {
  -webkit-filter: grayscale(100%) contrast(120%) brightness(110%);
  filter: grayscale(100%) contrast(120%) brightness(110%);
}

.navbar {
  border-bottom: 1px dotted gray;
  margin-bottom: 1rem;

  a {
    /* font-weight: 700; */
  }
}