.youtube-video-container {
  position: relative;
  width: 100%;
  max-width: 840px; /* YouTubeの標準的な幅に合わせる */
  margin: 0 auto;
  aspect-ratio: 16 / 9; /* 16:9のアスペクト比を維持 */
}

.youtube-thumbnail-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.youtube-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.youtube-video-container iframe {
  width: 100%;
  height: 100%;
}