/*Ce code sert à rétrécir les image de la section projets lorsqu'ils changent de format*/
@media screen and (max-width: 768px) {
    #projects .card img {
        max-width: 100%; /* Ajuste la largeur maximale */
        height: auto; /* Garde les proportions */
    }

    #projects .col-md-4 {
        width: 80%; /* Chaque carte prend toute la largeur */
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    #projects .card img {
        max-width: 80%; /* Réduit encore plus la taille */
        display: block;
        margin: 0 auto; /* Centre l'image */
    }
}