.video-embed {
    position: relative;
    width: 100%;
    margin: 1.5rem auto;
}

.video-embed::before {
    content: '';
    display: block;
}

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

.video-embed-horizontal {
    max-width: 800px;
}

.video-embed-horizontal::before {
    padding-top: 56.25%;
}

.video-embed-vertical {
    max-width: 360px;
}

.video-embed-vertical::before {
    padding-top: 177.78%;
}

/* El embed de Instagram suma cabecera y pie de alto fijo a la imagen 4:5. */
.video-embed-vertical.video-embed-instagram {
    max-width: 400px;
}

.video-embed-vertical.video-embed-instagram::before {
    padding-top: calc(125% + 230px);
}