body {
    margin: 0;
    padding: 0;
}

.background {
    background-image: url('images/fond_index.jpg'); /* Remplace par ton image de fond */
    background-size: cover;
    background-position: center;
    height: 100vh; /* Pour couvrir toute la hauteur de la fenêtre */
    display: flex;
    justify-content: center;
    align-items: center;
}

.pano-image {
    transition: box-shadow 0.2s ease; /* Transition pour l'ombre */
    width: 30%; /* Ajuste la taille de l'image selon ton besoin */
    max-width: 100%; /* Pour s'assurer qu'elle ne déborde pas */
    box-shadow: 0 4px 10px rgba(0, 150, 150, 0.3); /* Ombre portée de base */
}

.pano-image:hover {
    box-shadow: 0 6px 15px rgba(0, 150, 150, 0.5); /* Ombre au survol */
}

.pano-image.clicked {
    box-shadow: 0 8px 100px rgba(255, 182, 193, 0.7); /* Ombre plus étendue et rose lors du clic */
}


.fade {
    opacity: 0; /* Classe pour faire disparaître l'image */
    transition: opacity 0.5s ease; /* Transition pour l'opacité */
}