[ 質問者返信待ち ] カラム内にYOUTUBE埋め込みを行った際の表示について

■ WordPress のバージョン
WordPress 7.1.4

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning Pro

■ テーマのバージョン
8.30.1

■ スキンの種類
Origin II

■ 期待する動作
youtubeがカラム内で拡大表示されてしまうため、youtubeを横一列に４つ全画面表示させたい

■ 自分で試した事
①カラムの％を25％ずつにして、均等になるようにした
②カラムCSSに以下を記載した
/* YouTube一覧：4列均等配置 */
.youtube-list {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: flex-start;
}

/* 各カラムの幅を固定 */
.youtube-list > .wp-block-column {
flex: 0 0 calc((100% – 72px) / 4) !important;
min-width: 0;
max-width: calc((100% – 72px) / 4);
}

/* YouTube動画の表示枠を16:9に統一 */
.youtube-list .wp-block-embed__wrapper {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
}

/* 動画の拡大・サイズのばらつきを防止 */
.youtube-list iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
max-width: 100%;
border: 0;
}

/* タブレット：2列 */
@media (max-width: 1024px) {
.youtube-list > .wp-block-column {
flex: 0 0 calc((100% – 24px) / 2) !important;
max-width: calc((100% – 24px) / 2);
}
}

/* スマホ：1列 */
@media (max-width: 600px) {
.youtube-list {
gap: 20px;
}

.youtube-list > .wp-block-column {
flex: 0 0 100% !important;
max-width: 100%;
}
}

■ 症状が発生するブラウザ
クローム

■ 実際の症状
下書き後、新しいタブで確認するで表示すると４つ全画面表示されるが、
公開後クローム等で確認すると縦幅に合った拡大されたYOUTUBEが表示されてしまう。

更新すると、不定期で４つ全画面表示されるカテゴリーもあるが、安定はせず
更新の度に拡大されたり、戻ったりしてしまう状態。

よろしくお願いいたします。