ブロック要素の比率維持と一緒に、「min-height」や「max-height」も指定してあげると、メディアクエリーも画像も無しでこんなことができてしまいます。