iframe{
    position: inherit;
    width: 100%;
    display: grid;
    justify-content: center;
    padding-bottom: 1%;
    grid-template-columns: repeat(auto-fit, 300px);
}

iframe video{
    height: auto;
    width: auto;
    object-fit: cover;
}

@media (max-width: 700px)
{
    iframe{
        grid-template-columns: repeat(1,auto);
    }
    iframe video{
        width: 100%;
    }
}
@media (min-width: 576px) {
    iframe{
        grid-template-columns: repeat(1,auto);
    }
    iframe video {
        width: 100%;
    }
}
@media (min-width: 768px) {
    iframe{
        grid-template-columns: repeat(1,auto);
    }
    iframe video {
        width: 100%;
    }
}
@media (min-width: 992px) {
    iframe{
        grid-template-columns: repeat(1,auto);
    }
    iframe video{
        width: 100%;
    }
}
@media (min-width: 1200px) {
    iframe{
        grid-template-columns: repeat(1,auto);
    }
    iframe video {
        width: 100%;
    }
}
@media (min-width: 1400px) {
    iframe{
        grid-template-columns: repeat(1,auto);
    }
    iframe video {
        width: 100%;
    }
}