カラムのあるページのレスポンシブ対応

2カラムのウェブページなのですが、動画を貼ると、PC,　スマホともにカラムにひっかかります。そこで、以下の一般的なレスポンシブ対応のCSSを入れたのですが、カラムに依然としてひっかかります。

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

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

投稿記事を単体で表示するときは（記事のタイトルをクリックして表示したとき）レスポンシブが効き、小さくなります。

ホームページカラムのある記事は、親記事の下に配置されてます（トップページ/blog/). 記事単体表示の場合は、トップページ/日付になります。
CSSを書けばいいのか。プラグインがいいのか。教えていただけないでしょうか。