/* S'assurer que les images respectent l'orientation sur tous les appareils */
.grid-item img {
  image-orientation: from-image;  /* Utiliser l'orientation EXIF */
  transform: rotate(0deg);  /* S'assurer qu'aucune transformation automatique n'est appliquée */
  object-fit: cover;
  width: 100%;
  height: auto;
}

/* S'assurer que les images dans la balise picture respectent les proportions */
.grid-item picture {
  display: block;
  width: 100%;
}

/* Pour les appareils mobiles spécifiquement */
@media (max-width: 768px) {
  .grid-item img {
    image-orientation: from-image;
    transform: rotate(0deg) !important;
  }
} 

/* Indicateurs (déplacés depuis le style inline) */
#loading-indicator,
#no-more-photos {
  display: none;
  text-align: center;
  padding: 20px;
}

#no-more-photos {
  color: #888;
}