.center-image {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.main-image {
    max-width: 90%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s ease;
	cursor: pointer;
}



/* ===== RESPONSIVE DESIGN ===== */

/* Tablettes (768px - 1024px) */
@media (max-width: 1024px) {

}


/* Mobiles (jusqu'à 767px) */
@media (max-width: 767px) {
     /* Contenu principal mobile */
    .main-image {
        max-width: 100%;
    }
}


/* Très petits écrans (jusqu'à 480px) */
@media (max-width: 480px) {

}