ホームページ黎明期には固定幅だったサイトデザインも、スマホの普及など端末の表示幅の多様化に対応して色んなサイズになってきました。
単純に表示域内に全域表示するだけならbackground-size:cover; で事足りるのですが、そこに企業ロゴであるとかキャラクターであるとかを配置すると、背景画像との配置バランスがなかなか難しい。
明石清水高校同窓会 公式サイト
こことかは、PCで1366px前後の時は問題ないけどフルHD、あるいはスマフォ表示にすると、おそらくしっかり入れたいであろう看板やスローガンが隠れたり見切れたりしてしまうという…。
よくある問題なので対処法を考えてみるものの、ロゴと画面幅などを比率計算して、背景画像の表示サイズや位置などを調整すれば解決するかもしれないけど…なかなか難しそうです。