body {
  margin: 0;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}

.hero {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgb(197, 0, 0);
  text-align: center;
}

.contenu {
  padding: 50px;
}

/* Conteneur chocolat bas droite */
.conteneur-chocolat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 140px;
  height: 220px;
}

/* Superposition */
.tablette,
.emballage {
  position: absolute;
  width: 100%;
}

/* Emballage devant */
.emballage {
  z-index: 2;
}

/* Tablette derrière */
.tablette {
  z-index: 1;
}

/* @media screen and (min-width: 760px) {
  .tablette,
  .emballage,
  .conteneur-chocolat,
  .contenu,
  .hero {
    display: none;
  }
} */