iframe {
    width: 100%;
    max-width: 70rem;
    height: 100rem;
    margin: 2rem auto 5rem auto;
    display: block;
    border: none;
}

/* Responsive */
/* Responsive pour tablettes et petits écrans */
@media screen and (max-width: 1024px) {
    iframe {
        width: 95%;
        height: 50rem;
    }
}

/* Responsive pour mobile (portrait et paysage) */
@media screen and (max-width: 768px) {
    iframe {
        width: 95%;
        height: 30rem;
    }
}

/* Pour les très petits écrans (moins de 480px) */
@media screen and (max-width: 480px) {
    iframe {
        width: 100%;
        height: 20rem;
    }
}