画像を入れ込む際に均等に同サイズで切り取る方法について

babbleにて画像を入れ込む際に均等に同サイズで切り取る方法について教えてください。
現状、縦横均等の円形で画像を表示したいのですが、画像によっては縦長だったり横長になります。(画像1)
picture uploaderで縦横合うように作成しているのですが、対応策はあるのでしょうか。

(画像1)
スクリーンショット 2022-01-01 16.41.36

(画像2)


ここをZoomなどにすると、Imageエレメントに合わせた形に拡大表示してくれます。

保存時の縦横比はあまり関係ありません!

「いいね!」 5

@K.nakata
ありがとうございます!!
すごく助かりました!!
これで解決しました!!

「いいね!」 1