.card-container{
    max-width: 600px;
    width: 100%;
    margin: auto;
}

iframe{
    width: 100%;
    max-width: 100%;
    border-radius: 12px;
    margin: auto;
}

.salle img{
    width: 90%;
    height: auto;
    border-radius: 12px;
    max-width: 200px;
    margin: auto;
}

#oisy {
     max-height: 200px;
    position: relative;
    top: 0.5em;
    border-radius: 12px;
    margin: auto;
}

@media screen and (min-width: 768px) {

#oisy {
    left: -0.2em;
    top: -4em;
    transform: rotate(15deg);
}

iframe{
    
    width: 120%;
    max-width: 120%;
}

}