.world-image {
  position: absolute;
  z-index: 1;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(205, 166, 91, .38);
  box-shadow: 0 32px 110px rgba(0, 0, 0, .78);
}

.world-image::after,
.author-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 70px rgba(0, 0, 0, .3);
  pointer-events: none;
}

.world-image img,
.author-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.world-image-zero,
.world-image-akuria {
  right: 7vw;
  width: min(31vw, 430px);
  aspect-ratio: 2 / 3;
  transform: perspective(1100px) rotateY(-5deg);
}

.world-image-nerea {
  left: 7vw;
  width: min(31vw, 430px);
  aspect-ratio: 285 / 410;
  transform: perspective(1100px) rotateY(5deg);
}

.world-elies {
  background: linear-gradient(90deg, #05070a 42%, #07131e);
}

.world-image-elies {
  left: 7vw;
  width: min(31vw, 430px);
  aspect-ratio: 2 / 3;
  transform: perspective(1100px) rotateY(5deg);
}

.world-dragons {
  background: radial-gradient(circle at 76% 48%, #17112c 0%, #080b18 34%, #05070a 68%);
}

.world-dragons h3 {
  font-size: clamp(3.2rem, 6.5vw, 7.2rem);
}

.world-image-dragons {
  right: 0;
  width: min(31vw, 430px);
  aspect-ratio: 2 / 3;
  box-shadow: 0 32px 130px rgba(65, 35, 150, .28);
}

.dragon-editions {
  position: absolute;
  right: 5vw;
  width: min(39vw, 560px);
  height: 660px;
}

.dragon-cover-en {
  top: 18px;
  right: 34%;
  transform: perspective(1100px) rotateY(-7deg) rotate(-3deg) scale(.96);
  opacity: .92;
}

.dragon-cover-fr {
  top: 0;
  right: 0;
  transform: perspective(1100px) rotateY(-5deg) rotate(2deg);
}

.author-photo {
  position: relative;
  margin: 0;
  max-width: 520px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid rgba(205, 166, 91, .38);
  box-shadow: 0 32px 110px rgba(0, 0, 0, .68);
}

.author-photo img { object-position: center top; }

@media (max-width: 800px) {
  .world-image-zero,
  .world-image-akuria {
    right: -118px;
    top: 105px;
    width: 340px;
    opacity: .42;
  }

  .world-image-nerea {
    left: -118px;
    top: 105px;
    width: 340px;
    opacity: .42;
  }

  .world-image-elies {
    left: -118px;
    top: 105px;
    width: 340px;
    opacity: .42;
  }

  .world-image-dragons {
    right: 0;
    top: 105px;
    width: 340px;
    opacity: .42;
  }

  .dragon-editions {
    right: -125px;
    top: 0;
    width: 390px;
    height: 620px;
    opacity: .55;
  }

  .dragon-cover-en { right: 118px; opacity: .72; }
  .dragon-cover-fr { right: 0; }

  .author-photo { max-width: 100%; }
}