.photo-block {
  margin: 3rem 0;
}

.photo-block img {
  max-width: 80%;
  max-height: 50vh; /* was 50vh */
  object-fit: contain;
}


.layout-left {
  display: flex;
  flex-direction: row;
  gap: 0.3rem;
  align-items: flex-start;
  padding-left: 1rem; /* small breathing room from the left edge */
}

.layout-center img {
  display: block;
  margin: 0 auto;
}

.layout-right {
  display: flex;
  flex-direction: row-reverse;
  gap: 2rem;
  align-items: flex-start;
}

.caption {
  font-style: italic;
  color: #555;
}