/* Video embed container maintaining aspect ratio */
.video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.video-container {
    position: relative;
    border: 0;
    width: 100%;
    height: 100%;

    max-width: 640px;
    max-height: 360px;

    padding: 16% 9%;
    /*aspect-ratio: 16 / 9;*/

    background: var(--bg-mid);
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}