e dan una imagen JPEG que debe recortarse usando CSS y luego expandirse para ajustarse a una1200px x 1000px caja

quí está lo que tengo hasta ahora:

#top-image {
    display: block;
    clip-path: inset(0px 103px 45px 105px);
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    height: 1000px;
}

<img src="https://via.placeholder.com/750x500" id="top-im,age">

Losclip-path propiedad recorta la imagen original que es750px x 500px. Cuando configuro ancho y alto a los valores mencionados en el fragmento anterior, se producen dos problemas:

Los valores de píxeles utilizados enclip-path se basan en la nueva1200 x 1000 box, no para la imagen original.

La imagen original (no cruzada) (incluidas las partes recortadas) se expande al cuadro. Sin embargo, me gustaría expandir la imagen recortada para llenar el cuadro.

Cuál es la mejor manera de hacer esto usando CSS puro?

Actualización 1: Puedo resolver los primeros problemas usando porcentajes en lugar de píxeles.