画像比率を保つCSSです。投稿のアイキャッチ等、様々な大きさの画像を揃える為に使用する。
画像がちょうど中央にくるようにfigureで囲っている。
以下のコードのaspect-ratioの比率は任意のものに変更する。

figure{
	overflow:hidden;
	aspect-ratio: 5 / 3;
	width:100%;
	display:flex;
	align-content:center;
	justify-content:center;
	img{
		width:100%;
		object-fit: cover;
	}
}

画像の比率を計算するには以下のようなツールを使用する
アスペクト比計算ツール