.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: var(--max-width);
  margin: auto;
}

.gallery div {
  padding: 1rem;
}

.gallery div,
section.gallery p {
  flex: 1 500px;
  border-radius: 1rem;
}

.gallery p:last-child {
  display: flex;
  align-items: center;
}

section.gallery>p {
  margin: 0;
}

.gallery p img {
  max-inline-size: 100%;
  vertical-align: bottom;
  border-radius: 1rem;
}