.c-images {
  position: relative;
}
.c-images .c-images__image {
  display: block;
  width: 100%;
  max-height: 80vh;
  position: relative;
  z-index: 10;
  border-radius: var(--radius-default);
}

.c-images:has(> *:nth-child(2)) .c-images__image {
  width: calc(100% - 4rem);
}
.c-images:has(> *:nth-child(2)) .c-images__image:nth-child(2) {
  margin-left: 4rem;
}

.c-images--book .c-images__image {
  object-fit: contain;
}
.c-images--book::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 60%;
  height: 80%;
  bottom: 0;
  left: 50%;
  translate: -50% 0%;
  background: rgba(255, 255, 255, 0.3);
  filter: blur(100px);
}