.vdc--embed-wrapper {
    width: 100%;
    position: relative;
}

/* Desktop: 16:9 */
@media (min-width: 768px) {
    .vdc--embed-wrapper {
        aspect-ratio: 16 / 9;
    }
}

/* Mobile portrait: 9:16 */
@media (max-width: 767px) and (orientation: portrait) {
    .vdc--embed-wrapper {
        aspect-ratio: 9 / 16;
    }
}

/* Mobile landscape: 16:9 */
@media (max-width: 767px) and (orientation: landscape) {
    .vdc--embed-wrapper {
        aspect-ratio: 16 / 9;
    }
}

.vdc--embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}