@media (prefers-reduced-motion: no-preference) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(4) {
    opacity: 0;
    translate: 0px 20px;
    transition-property: all;
    transition-timing-function: ease-in-out;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(1) {
    opacity: 0;
    translate: 0px -20px;
    transition-property: all;
    transition-timing-function: ease-in-out;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(2) {
    opacity: 0;
    translate: 40px 0px;
    transition-property: all;
    transition-timing-function: ease-in-out;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(3) {
    opacity: 0;
    translate: -40px 0px;
    transition-property: all;
    transition-timing-function: ease-in-out;
  }
}

@media (width > 48rem) {
  .photo-gallery.photo-gallery--normal .photo-gallery__group {
    grid-template-columns: repeat(12, 1fr);
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(1):last-child) {
    grid-template-areas: ". . i1 i1 i1 i1 . . . . . ." ". . i1 i1 i1 i1 . . . . . ." ". . i1 i1 i1 i1 . . . . . .";
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(2):last-child) {
    grid-template-areas: ". . i1 i1 i1 i1 .  .  .  .  .  ." ". . i1 i1 i1 i1 i2 i2 i2 i2 i2 i2" ". . i1 i1 i1 i1 .  .  .  .  .  .";
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(3):last-child) {
    grid-template-areas: ".  .  i1 i1 i1 i1 .  .  .  .  .  ." ".  .  i1 i1 i1 i1 i2 i2 i2 i2 i2 i2" ".  .  i1 i1 i1 i1 .  .  .  .  .  ." "i3 i3 i3 i3 i3 i3 .  .  .  .  .  .";
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(4)) {
    grid-template-areas: ".  .  i1 i1 i1 i1 .  .  .  .  .  ." ".  .  i1 i1 i1 i1 i2 i2 i2 i2 i2 i2" ".  .  i1 i1 i1 i1 i4 i4 i4 i4 .  ." "i3 i3 i3 i3 i3 i3 i4 i4 i4 i4 .  ." "ec ec ec ec ec ec i4 i4 i4 i4 .  .";
    grid-template-rows: auto auto auto auto 1fr;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group + .photo-gallery__group {
    margin-top: calc(var(--empty-cell-height) * -1);
  }
}
.photo-gallery.photo-gallery--normal .photo-gallery__image {
  --img--width: 100%;
}
@media (width > 48rem) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(1) {
    grid-area: i1;
    aspect-ratio: 10/16;
  }
}
@media (width > 48rem) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(2) {
    grid-area: i2;
    aspect-ratio: 16/10;
  }
}
@media (width > 48rem) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(3) {
    grid-area: i3;
    aspect-ratio: 16/10;
  }
}
@media (width > 48rem) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(4) {
    grid-area: i4;
    aspect-ratio: 10/16;
  }
}
@media (width > 48rem) {
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(2):last-child) > .photo-gallery__image:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(3):last-child) > .photo-gallery__image:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(4)) > .photo-gallery__image:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(3):last-child) > .photo-gallery__image:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(4)) > .photo-gallery__image:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(3) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__group:has(> .photo-gallery__image:nth-child(4)) > .photo-gallery__image:nth-child(3) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
  }
  .photo-gallery.photo-gallery--normal .photo-gallery__image:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
  }
}
