.triptyque-parallax {
  width: 100vw;
  height: 42vw;
}

.image {
  position: absolute;
  background-size: cover;
  background-position: center;
  transform: translateZ(-1px);
}

.image1 {
  width: 45vw;
  height: 26vw;
  margin-top: 2vw;
  left: 5vw;
  z-index: 1;
  background-image: url('/asset/img/triptyque-parallax/Cellini_visuel_intro_1.jpg');
}

.image2 {
  width: 28vw;
  height: 17vw;
  margin-top: 20vw;
  left: 35vw;
  /* Décalage pour la deuxième image */
  z-index: 3;
  background-image: url('/asset/img/triptyque-parallax/Cellini_visuel_intro_2.jpg');
}

.image3 {
  width: 30vw;
  height: 18vw;
  margin-top: 20px;
  left: 65vw;
  /* Décalage pour la troisième image */
  z-index: 2;
  background-image: url('/asset/img/triptyque-parallax/Cellini_visuel_intro_3.jpg');
}

@media screen and (max-width: 1200px) {
  .triptyque-parallax {
    height: 33rem;
    margin-top: 5rem;
  }

  .image1 {
    width: 53vw;
    height: 32vw;
    left: 5vw;
  }

  .image2 {
    width: 34vw;
    height: 21vw;
    margin-top: 261px;
  }

  .image3 {
    width: 35vw;
    height: 21vw;
    margin-top: 76px;
    left: 62vw;
  }

}

@media screen and (max-width: 768px) {
  .triptyque-parallax {
    height: 34rem;
    margin-top: 3rem;
  }

  .image1 {
    width: 80vw;
    height: 47vw;
    left: 10vw;
    margin-top: 154px;
  }

  .image2 {
    width: 60vw;
    left: 30vw;
    height: 33vw;
    margin-top: 371px;
  }

  .image3 {
    width: 45vw;
    height: 28vw;
    margin-top: 17px;
    left: 10vw;
  }
}