div#container {
  width: calc(220px + (1100 - 220) * ((100vw - 320px) / (1440 - 320)));
  margin-top: 70px;
  margin-bottom: 50px;

  display: flex;
  flex-direction: column;
  gap: 90px;

  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

div#container > div.group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

div#container > div.group > div.group-title {
  display: flex;
}

div#container > div.group > div.group-title > span {
  font-size: 25px;
  text-align: center;
}

div#container > div.group > div.group-content {
  width: 100%;
  position: relative;
  overflow: hidden;
}
div#container > div.group > div.group-content::after {
  content: "";
  display: block;
  clear: both;
}
div#container > div.group > div.group-content > div.gallery-image-container {
  float: left;
  top: 0;
  left: 0;
}
div#container
  > div.group
  > div.group-content
  > div.gallery-image-container
  > img.gallery-image {
  display: block;
  width: 100%;
  height: auto;
}

/* div#container > div.group > div.group-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  grid-template-rows: repeat(auto-fill, 120px);
  gap: 10px;
}

div#container > div.group > div.group-content > img.gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;

  aspect-ratio: 2/3;
  grid-column: span 2;
  grid-row: span 3;
}

div#container > div.group > div.group-content > img.gallery-image[data-aspect="wide"] {
  aspect-ratio: 3/2;
  grid-column: span 3;
  grid-row: span 2;
}

div#container > div.group > div.group-content > img.gallery-image[data-aspect="tall"] {
  aspect-ratio: 2/3;
  grid-column: span 2;
  grid-row: span 3;
} */