/* Fullwidth videos */
.vsg-video-fullwidth {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 */
    overflow: hidden;
}

.vsg-video-fullwidth iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Fixed width videos */
/* Fixed width videos */
.vsg-video-fixed {
    position: relative;
    width: var(--video-width);
    max-width: 95vw;            /* scales down if viewport is smaller */
    aspect-ratio: var(--video-width) / var(--video-height); /* maintain 16:9 ratio */
    margin: 0 auto;
    overflow: hidden;
}

.vsg-video-fixed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Preserve aspect ratio when container scales down */
.vsg-video-fixed.responsive {
    height: 0;
    padding-bottom: calc(var(--video-height) / var(--video-width) * 100%);
}