これです
aspect-ratio: 1280 / 1000;
width: min(100vw, calc(100vh * (1280 / 1000)), 1280px);
max-width: 1280px;
max-height: 1000px;
要素をアスペクト比を維持しながら
横が見切れそうな時は横に合わせて拡大縮小
縦が見切れそうなときは縦に合わせて拡大縮小してくれます
アスペクト比のところは変数化して使うと便利です
フォントだけは親サイズに合わせてレスポンシブ対応するとなるとJS使わないとできないのでvw、vh、min()などを使っていい感じに調整してください
短いですが以上です