html - SVG 背景画像のサイズ変更

Question

CSS を参照して、画像のサイズを変更する方法を確認してください。中央の「コンテンツ」(テキストとヘッダー バー) を SVG グラフィックの中央の上に浮かせる方法がわかりません。フラグの背景の上にコンテンツを中央に配置して浮かせるのが最善ですか。または、背景画像にボックスサイズを設定したいですか? または、中央のコンテンツを背景のミャンマーのSVGフラグの上に「浮かせる」ためのより簡単な方法はありますか

URL は http://morpheus.dce.harvard.edu/~squinn/BlitZEN86/cscie12_assignment2/LAYOUT4.htmlです。

(これらは、背景とコンテンツを配置しようとしている、機能しない CSS ルールです)

.content {
   background-image: url(1000px-Flag_of_Myanmar.svg.png;
   background-repeat: no-repeat;
   padding: 10px 0;
   height:600px;
   overflow: hidden;    
   margin-top:10px;
}