.youtube-video-wrapper {
    width: 100%;
    margin: 60px auto 0; 
    position: relative;
    padding-top: 56.25%; /* 16:9のアスペクト比を維持するための設定(9 / 16) */
    height: 0;  /* padding-topで高さを確保済みなので、競合を避けるため要素のheightは0 */
}

.youtube-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}