.project-images {
  grid-column: var(--grid-column-project-images);
  grid-row: var(--grid-row-project-images);
  padding: var(--padding-project-images);
}

.project-images__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 0 var(--width-gutter);
  /* max-width: var(--max-width-project-images-inner, none);
  margin: 0 auto; */
}

.project-images__image {
  flex: 1;
  margin-bottom: var(--width-gutter);
  display: flex;
  justify-content: center;
}

/* Added this fix to keep images contained in viewport (height) */
.project-images__image .image__main, .project-images__image .image__placeholder {
  object-fit: contain;
  max-height: 75dvh !important;
}

.project-images__image--xsmall{
  max-width: var(--max-width-project-image-xsmall);
}
.project-images__image--small{
  max-width: var(--max-width-project-image-small);
}

.project-images__description {
  margin-top: var(--width-gutter);
  padding: var(--padding-project-description);
}