.portfolio-information {
  padding-top: 0;
  padding-bottom: 32px;
}

.photo-gallery {
  --photo-columns: 3;
  --photo-gap: 20px;
  position: relative;
}

.photo-gallery .photo {
  display: block;
  position: absolute;
  overflow: hidden;
  border-radius: 12px;
  background: var(--surface-color);
}

.photo-gallery img {
  display: block;
  width: 100%;
  height: auto;
}

#gallery-status {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}

@media (max-width: 991px) {
  .photo-gallery {
    --photo-columns: 2;
  }
}

@media (max-width: 575px) {
  .photo-gallery {
    --photo-columns: 1;
  }
}