/*******************************************************************************
 * WRAPPER
 *******************************************************************************/

.aero-photo-stack {
  display: flex;
  justify-content: center;
  padding-top: 8%;
  padding-bottom: 8%;
}

/*******************************************************************************
 * ITEM
 *******************************************************************************/

.aero-photo-stack > .aero-photo-stack-item {
  width: 100%;
  aspect-ratio: 4/3;
  padding: 1.5%;
  padding-bottom: 4%;
  background-color: white;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  transition:
    transform 0.25s ease,
    z-index 0.25s ease;
}

/* Hover */

.aero-photo-stack.aero-photo-stack-hover-effects > .aero-photo-stack-item:hover {
  z-index: 2;
}

/* 3 items */

.aero-photo-stack > .aero-photo-stack-item:nth-child(1):nth-last-child(3) {
  transform:
    rotate(-6deg)
    translateX(30%)
    translateY(-7.5%);
}

.aero-photo-stack > .aero-photo-stack-item:nth-child(2):nth-last-child(2) {
  transform:
    rotate(4deg)
    translateY(7.5%);
  z-index: 1;
}

.aero-photo-stack > .aero-photo-stack-item:nth-child(3):nth-last-child(1) {
  transform:
    rotate(-2deg)
    translateX(-30%)
    translateY(-7.5%);
}

/* 3 items: hover */

.aero-photo-stack.aero-photo-stack-hover-effects > .aero-photo-stack-item:nth-child(1):nth-last-child(3):hover {
  transform:
    translateX(30%)
    translateY(-7.5%)
    scale(1.05);
}

.aero-photo-stack.aero-photo-stack-hover-effects > .aero-photo-stack-item:nth-child(2):nth-last-child(2):hover {
  transform:
    translateY(7.5%)
    scale(1.05);
}

.aero-photo-stack.aero-photo-stack-hover-effects > .aero-photo-stack-item:nth-child(3):nth-last-child(1):hover {
  transform:
    translateX(-30%)
    translateY(-7.5%)
    scale(1.05);
}

/* 2 items */

.aero-photo-stack > .aero-photo-stack-item:nth-child(1):nth-last-child(2) {
  transform:
    rotate(-6deg)
    translateX(20%)
    translateY(-7.5%);
}

.aero-photo-stack > .aero-photo-stack-item:nth-child(2):nth-last-child(1) {
  transform:
    rotate(4deg)
    translateX(-20%)
    translateY(7.5%);
}

/* 2 items: hover */

.aero-photo-stack.aero-photo-stack-hover-effects > .aero-photo-stack-item:nth-child(1):nth-last-child(2):hover {
  transform:
    translateX(20%)
    translateY(-7.5%)
    scale(1.05);
}

.aero-photo-stack.aero-photo-stack-hover-effects > .aero-photo-stack-item:nth-child(2):nth-last-child(1):hover {
  transform:
    translateX(-20%)
    translateY(7.5%)
    scale(1.05);
}

/* 1 item */

.aero-photo-stack > .aero-photo-stack-item:nth-child(1):nth-last-child(1) {
  width: 75%;
  transform:
    rotate(-4deg);
}

/* 1 item: hover */

.aero-photo-stack.aero-photo-stack-hover-effects > .aero-photo-stack-item:nth-child(1):nth-last-child(1):hover {
  transform:
    scale(1.05);
}

/*******************************************************************************
 * IMAGE
 *******************************************************************************/

.aero-photo-stack > .aero-photo-stack-item > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}