/***************************************************/
/* Responsive YouTube Settings */
/***************************************************/
/* 外層容器設置相對定位 */
.responsive-video-wrapper {
  position: relative;
  width: 100%;
  /* 隨著父層寬度變動 */
  max-width: 720px;
  /* 若有需要，設置最大寬度 */
  margin: auto;
}

/* 背景圖片自適應 */
.responsive-bg-image {
  display: block;
  width: 100%;
  height: auto;
}

/* 影片容器疊在圖片上方 */
.video-container {
  position: absolute;
  top: 82.5%;
  /* 置中定位 */
  left: 50%;
  transform: translate(-50%, -50%);
  /* 精準置中 */
  width: 80%;
  /* 根據需求調整影片占圖片的比例 */
  padding-top: 45%;
  /* 以16:9比例為例 (9/16=56.25%)，你可根據需要調整 */
}

/* iframe 影片填滿容器 */
.video-container iframe {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
}