CSS 画像を装飾

画像の表示方法

トリミング「object-fit」

画像サイズ：100*100

object-fit: contain;　←縦横比を維持
background: green;　←背景色
width: 200px;　←トリミング
height: 150px;　←トリミング

ボックスの角丸

border-radius: 50px;