Как увеличить часть изображения при загрузке?

Question

У меня есть следующие div с изображениями внутри, как я могу увеличить определенные части изображения после загрузки, используя css?

#img-div-one {
  width: 100%;
  height: 100%;
}

#img-div-two {
  width: 100%;
  height: 100%;
}

<div><img id="img-div-one"src="https://www.myperfectcv.co.uk/wp-content/uploads/2018/08/business-cv-sample.jpg"></div>
<div><img id="img-div-two"src="https://static.developer.intuit.com/images/Brand-Sample.jpg"></div>

Первое изображение должно быть Показана и увеличена только верхняя половина

Второе изображение должно быть Половина изображения отображается и увеличивается в масштабе

Я видел учебные пособия по увеличению изображения с помощью объектива, но это не то, что мне нужно, изображение должно быть увеличено при загрузке html