.ocpc-container {
    position: relative;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
    aspect-ratio: 16 / 9;
    background-color: #f9f9f9;
    overflow: hidden;
    box-shadow: inset 0px 0px 25px -20px rgba(0, 0, 0, 0.10);
}

.ocpc-container .ocpc-iframe {
    width: 100%;
    height: 100%;
    border: none;
    grid-column: 1;
    grid-row: 1;
}

.ocpc-container span {
    align-content: center;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
}

.ocpc-container a.ocpc-video-link {
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
	overflow: hidden;
    width: 100%
}

.ocpc-video-link img.ocpc-thumbnail {
	width: 100%;
    grid-column: 1;
    grid-row: 1;
    justify-content: center;
    align-items: center;
}

.ocpc-video-link .ocpc-play-overlay {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    background-color: rgba(0, 0, 0, 0.6);
}

.ocpc-video-link .ocpc-play-overlay img {
    width: 48px;
    height: 48px;
    margin: auto;
    display: block;
}