.youtube-wrap {
    display: flex;
    justify-content: center; /* 左右の余白を均等にするため center + gap がおすすめ */
    gap: 30px;              /* 動画と動画の間のすき間 */
    align-items: flex-start; /* 上揃えにするとテキストの長さが変わっても綺麗に並びます */
    flex-wrap: wrap;        /* スマホ画面では自動で縦並びに切り替える設定 */
}

.youtube-item {
    width: 100%;            /* 基本は100%にしておき */
    max-width: 460px;       /* パソコン画面での動画の最大横幅を指定 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.youtube-item > iframe {
    width: 100%;
    aspect-ratio: 16 / 9;   /* 高さautoの代わりに、YouTubeの標準比率(16:9)を維持させる */
    border: none;
}