div#slider {
  width: 80%;
  max-width: 1000px;
  margin: 50px auto;
  overflow: hidden;
}

div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  left: 0;
  text-align: left;
  animation: 30s slidy infinite;
}

div#slider figure div {
  width: 20%;
  min-height: 30rem;
  float: left;
  position: relative; /* Pour le centrage du texte */
}

div#slider figure div p {
  background: rgb(0 34 57 / 80%); /* Meilleur contraste */
  border-radius: 20px;
  margin: 30px auto;
  display: block;
  width: 65%; /* Réduit pour s'ajuster */
  padding: 20px;
  color: white; /* Couleur du texte en blanc pour la visibilité */
  font-size: 1.2em;
  text-align: center;
  position: absolute; /* Centrage sur l'image */
  top: 50%;
  left: 50%;
  transform: translate(-50%, 60%);
}

@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}