@charset "utf-8";


.diapo {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9; /* adapte si besoin */
  overflow: hidden;
}

.photo {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: round 16s infinite;
}

.photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  
  border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

@keyframes round {
  0%   { opacity: 0; }
  5%   { opacity: 1; }
  25%  { opacity: 1; }
  30%  { opacity: 0; }
  100% { opacity: 0; }
}

/* DELAYS CORRECTS */
.photo:nth-child(1) { animation-delay: 0s; }
.photo:nth-child(2) { animation-delay: 4s; }
.photo:nth-child(3) { animation-delay: 8s; }
.photo:nth-child(4) { animation-delay: 12s; }