.videoWrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin-bottom: 1rem;
display: flex;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.video-placeholder{
width: 100%;
height: 100%;
display: grid;
}
.video-placeholder .btn:hover{
background-color: #6c757d;
}
.video-placeholder .btn{
background-color: white;
text-shadow: none;
font-size: 2vmin;
margin-top: 1vmin;
}
.video-placeholder a{
display: contents;
}
.video-placeholder > img{
width: 100%;
}
.video-placeholder > div{
z-index: 2;
position: absolute;
background-color: #6b6b6bad;
height: 100%;
width: 100%;
align-content: center;
color: white;
text-shadow: 1px 1px 2px black;
font-weight: bolder;
padding: 1rem;
text-align: center;
font-size: 2vmin;
}