.presentation-grid {
    justify-self: center;
    margin: 0 auto;
    max-width: 400px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    
    align-items: center;
}
.presentation-grid li {
    height: 50px;
    border: 1px solid var(--color1);
    padding: 5px;

    display: flex;
    align-items: center;
}
@media(max-width: 900px) {
    .presentation-grid li {
        height: 70px;
    }
}
@media(max-width: 300px) {
    .presentation-grid li {
        height: 90px;
    }
}

.presentation h5 {
    margin-top: 30px;
}
.presentation img {
    max-width: 900px;
    width: 100%;
    height: auto;
}

/* Styles pour la vidéo responsive */
.presentation video {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/* Optionnel : pour centrer la vidéo */
.presentation video {
    display: block;
    margin: 0 auto;
}