Rognage automatique d'image

Je suis actuellement en train d'adapter mon site pour toute taille d'ecran mais je rencontre un probleme :
je souhaiterais mettre une image qui qui se rogne automatiquement depuis la gauche quand on reduit la taille de la fenetre; cela pour permettre que l'image reste au meme endroit et avec la meme hauteur sans quelle se deforme.
(desolé pour les eventuelles fautes d'orthographe)
merci de me donner une solution

Merci je vais aller voir

Ou si c'est une balise img, regarde du coté de object-fit et object-position

Regarde aussi la propriété CSS Clip-Path

C'est très gentil de m'avoir repondu mais je ne sais pas comment utiliser ces proprieté.
Sinon je penssais que plutôt que de la rogner depuis la gauche on pourait la rogner des deux côtés (gauche et droite) simultanément, comme sur le site d'Apple avec la photo de l'iphone au début de la page. apple.com
sinon l'url de mon site c'est untd.netlify.com