.photo__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2vw;
  padding-block: 5vw 10vw;
}
.photo__illustration {
  aspect-ratio: 1/1;
  height: auto;
  width: 100%;
}

@media (min-width: 575.98px) {
  .photo__list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 767.98px) {
  .photo__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 991.98px) {
  .photo__list {
    gap: 1vw;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1199.98px) {
  .photo__list {
    gap: 0.75vw;
  }
}

@media (min-width: 1399.98px) {
  .photo__list {
    gap: 0.5vw;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-block: 3.5vw 5vw;
  }
}

@media (min-width: 1599.98px) {
  .photo__list {
    gap: 0.35vw;
  }
}

@media (min-width: 1799.98px) {
  body > .photo__gallery {
    padding-inline: 12.5vw;
  }
  .photo__list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}