.externalVideoAsset {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

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

.externalVideoAsset.both-columns {
    grid-column: 1 / -1;
}

.externalVideoAsset.left-column {
    grid-column: 1;
}

.externalVideoAsset.right-column {
    grid-column: 2;
}

.externalVideoAsset.row-single {
    grid-row: span 1;
}

.externalVideoAsset.row-double {
    grid-row: span 2;
}

@media(max-width: 767px) {

    .externalVideoAsset.left-column,
    .externalVideoAsset.right-column {
        grid-column: 1 / -1;
    }
}