トップページの画像（動画）等のレスポンシブ化

【概要】 ホームページトップに埋め込んだ動画とその上に配置した背景と文字等が、レスポンシブル時に適切なサイズへ展開できるようにしたい。また動画上に配置した背景と文字が常に中心にくるようにしたい。 さらに動画は全画面表示の際にすべてが表示されるようwidth＝100%でお願いしたいのと、レスポンシブ時に動画サイズも適切なサイズへなるようお願いしたいと思います。 イメージとして添付いたします。 動画の上に青い四角がありその上に文字となります。