.youtube-item {
    position: relative;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
    margin: 1em 0 2em;
    background: #000;
    cursor: pointer;
    overflow: hidden;
}

.youtube-item img.youtube-thumbnail {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.youtube-item iframe {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9;
    display: block;
    border: 0;
}

.youtube-item.is-playing {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
}