スライダーでの被写体の見切れを回避したい

Question

slickでスライダーを使用しています。

object-fit:coverで画像をそのまま入れているのですが、
実際にパソコン画面で見ると人物の頭が見切れています。
これを人物全体バストアップが入るようにしたいです。

思いつく方法は画像編集で写真を縦に引き伸ばすことだったのですが、
どの写真も背景に建物や木が映り込んでいて、縦に伸ばすと明らかに不自然になります。

他の画像編集やcssの設定で回避する方法はありますでしょうか

Answer 1

object-positionが使えるかもしれません。
こちらでいかがでしょうか。※左右真ん中、上下上寄せ

object-position: 50% 0%;

参考URL　MDN object-position
https://developer.mozilla.org/ja/docs/Web/CSS/object-position