Помогите вставить изображение в блок

[rogford]

Здравствуйте, есть у меня блок, который в CSS имеет такие свойства:

Скрытый текст

.hero {
	background-color: #B3B3B3;
	padding-top: 150px;
	padding-bottom: 150px;
}

 

И есть изображение, размером 3840x2160. Так вот, как мне сделать, чтобы оно было в блоке и обрезалось в зависимости от изменения размера блока.

[mrnobody]

.hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}