main {
    display: flex; /* Utilisation de flexbox pour aligner les éléments horizontalement */
    flex-wrap: wrap; /* Permet le passage à la ligne si nécessaire */
    justify-content: space-between; /* Espacement entre les éléments */
    margin-bottom: 20px;
}

.box2 {
    background-color: #555555; /* Fond gris */
    border-radius: 10px; /* Bordures arrondies */
    padding: 20px; /* Espacement interne */
    width: calc(50% - 10px); /* Largeur de 50% moins l'espacement pour chaque boîte */
    box-sizing: border-box; /* Inclure le padding et la border dans le calcul de la largeur */
    margin-bottom: 20px;
}


.box2 .item {
    display: flex; /* Utilisation de flexbox pour aligner les éléments horizontalement */
    flex-direction: column; /* Empile les éléments les uns sur les autres */
    align-items: center; /* Centrer horizontalement les éléments */
    text-align: center; /* Centrer le texte */
    margin-top: 10px; /* Espacement en haut de chaque item */
}

/* Conteneur vidéo responsive pour maintenir un ratio 16:9 */
.box2 iframe {
    width: 100%; /* La vidéo occupe toute la largeur du conteneur */
    aspect-ratio: 16 / 9; /* Maintient un ratio 16:9 */
    border-radius: 10px; /* Ajoute des bords arrondis */
    border: none; /* Enlève la bordure */
    max-width: 100%; /* Empêche de dépasser les limites */
}


.box2 p {
    margin: 10px 0; /* Espacement autour du texte */
    color: #ffffff; /* Couleur du texte */
}



/* Règle spécifique pour la troisième vidéo dans .box2 */
.box2:nth-of-type(3) video {
    width: 75%; /* Ajustez la largeur selon vos besoins */
    height: auto; /* Conserver le rapport d'aspect */
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio = 9/16 = 0.5625 */
    height: 0;
    overflow: hidden;
    border-radius: 10px;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


/* Media queries pour une meilleure adaptabilité */
@media (max-width: 768px) {
    .box2 {
        width: calc(100%); /* Largeur de 100% moins l'espacement pour chaque boîte */
    }
}