.section-images {
  margin: 7rem 0;
  position: relative;
}
.section-images:first-child {
  padding-top: 3rem;
}
.section-images .graphic {
  position: absolute;
  bottom: -10rem;
  left: 0;
  display: none;
  width: 500px;
}
.section-images .container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  grid-gap: 50px;
  flex-direction: row-reverse;
  position: relative;
}
.section-images .container p.subheading {
  width: 100%;
}
.section-images .container > :is(h1, h2) {
  width: 100%;
  margin: 0 0 -20px;
}
.section-images .container > :is(h1, h2):not(:first-child) {
  margin-top: -40px;
}
.section-images .container .images {
  display: flex;
  justify-content: center;
  width: 100%;
  grid-gap: 20px;
  flex-wrap: wrap;
}
.section-images .container .images .image {
  background-color: var(--light-gray);
  padding: 10px;
}
.section-images .container .images .image img {
  max-width: 100%;
  min-width: 200px;
  max-height: 400px;
}
.section-images .container .images .image .caption {
  margin-top: 5px;
  font-size: 0.8em;
}
.section-images .container .images .image .caption * {
  margin: 0 0 5px;
}
.section-images .container .images .image .caption *:last-child {
  margin-bottom: 0;
}

/*

Options - Theme: Collage

*/
.section-images[options~=theme-collage] .container .images .image {
  width: calc(50% - 10px);
  display: flex;
  padding: 0;
}
.section-images[options~=theme-collage] .container .images .image img {
  border-radius: 20px;
  min-width: unset;
  max-height: unset;
}
.section-images[options~=theme-collage] .container .images .image:nth-child(even) {
  margin: -100px 0 100px;
}
.section-images[options~=theme-collage] .container .images .image:nth-child(1), .section-images[options~=theme-collage] .container .images .image:nth-child(5) {
  align-items: flex-end;
  justify-content: flex-end;
}
.section-images[options~=theme-collage] .container .images .image:nth-child(3), .section-images[options~=theme-collage] .container .images .image:nth-child(7) {
  align-items: flex-start;
  justify-content: flex-end;
}
.section-images[options~=theme-collage] .container .images .image:nth-child(3) img, .section-images[options~=theme-collage] .container .images .image:nth-child(7) img {
  max-width: 400px;
}
.section-images[options~=theme-collage] .container .images .image:nth-child(2), .section-images[options~=theme-collage] .container .images .image:nth-child(6) {
  justify-content: flex-start;
  align-items: flex-end;
}
.section-images[options~=theme-collage] .container .images .image:nth-child(2) img, .section-images[options~=theme-collage] .container .images .image:nth-child(6) img {
  max-width: 300px;
}

@media (max-width: 900px) {
  .section-images[options~=theme-collage] .container .images .image:nth-child(even) {
    margin: -50px 0 50px;
  }
}
@media (max-width: 700px) {
  .section-images[options~=theme-collage] .container .images .image {
    width: 100%;
    justify-content: flex-start !important;
  }
  .section-images[options~=theme-collage] .container .images .image:nth-child(even) {
    margin: 0;
  }
  .section-images[options~=theme-collage] .container .images .image img {
    height: 300px;
    width: 300px;
    max-height: unset;
    max-width: unset;
  }
}
/*

Options - Margin Top Negative

*/
.section-images[options~=negative-margin-top] {
  margin-top: -3.5rem;
}

/*

Options - Include Background Graphic

*/
.section-images[options~=background-graphic] .graphic {
  display: block;
}