.youtube-player {
position: relative;
padding-bottom: 56.23%; height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
z-index: 0; }
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent; }
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
height: 101%;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
height: 101%; }
.youtube-player img:hover {
-webkit-filter: brightness(75%); }
.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url(https://spotthedot.org/wp2019/wp-content/uploads/2023/03/play-button.png) no-repeat;
cursor: pointer; 
}
iframe {
aspect-ratio: 1.777;
width: 100%;
height: auto;
}