Как правильно расположить изображение

Question

Можно ли как-то точнее расположить большие изображения в указанных пределах c?

HTML

<div class="about__office">
  <img src="images/about__ofice.jpg" alt="">
</div>

CSS

.about__office img{
    width: 100%;
    height: 10em;
    object-fit: cover;
    object-position: 50% 50%;
}

Как видите, изображение обрезается у людей. В конце концов я хочу как-то добавить верхний отступ, если это возможно.

Answer 1

Вы указали высоту в вашем css (height: 10em;). Контейнер изображения всегда будет иметь такой размер.

Если вы хотите сместить изображение вниз, не меняя его размера, вы сможете сделать это, изменив значения object-position.

https://developer.mozilla.org/en-US/docs/Web/CSS/object-position