/* ===============================
   image-laurent.css
   Feuille de style dédiée à la photo de présentation
   =============================== */

/* Conteneur principal de la photo */
.photo-intro {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.5em 0 2em 0;
}

/* Image responsive et centrée */
.photo-intro img {
    width: 100%;
    max-width: 300px; /* Taille max sur grand écran */
    height: auto;
    border-radius: 50%; /* Cercle */
    object-fit: cover;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Effet au survol */
.photo-intro img:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

/* Responsive : s’ajuste sur mobile */
@media (max-width: 600px) {
    .photo-intro img {
        max-width: 220px;
    }
}