.individual-personal-photos-responsive-image {
  width: 100%;
  height: auto;
  border-radius: 5%;
  padding: 2%;
}

.individual-personal-photos { grid-area: ps-i; background-color: var(--individual-personal-photos-background-color); border-width: var(--individual-personal-photos-border-width); border-style: var(--individual-personal-photos-border-style); border-color: var(--individual-personal-photos-border-color); border-radius: var(--individual-personal-photos-border-radius); cursor: default; }

.individual-personal-photos-margin-left { grid-area: mg-l; background-color: var(--individual-personal-photos-margin-background-color); }

.individual-personal-photos-margin-right { grid-area: mg-r; background-color: var(--individual-personal-photos-margin-background-color); }

.individual-personal-photos-grid-container {
  display:             grid;
  grid-template-columns: repeat(57, 1fr);
  grid-template-areas: 'mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l mg-l ps-i ps-i ps-i ps-i ps-i ps-i ps-i ps-i ps-i ps-i ps-i ps-i ps-i mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r mg-r';
  gap:                 0px;
  padding:             0px;
}

.individual-personal-photos-grid-container > div {
  text-align: center;
  padding:    1em 0.5em;
  font-size:  0.75em;
}