Pequeño reto con imagen

[Huesos_Pesados]

Buen día!

Me salió un pequeño reto con una imagen, trataré de explicarme lo mejor posible.

Tengo una imagen de 1300px por 400px, la cosa es que, cuando la ventana del navegador sea de 1000px (por resolución o porque el usuario la ajustó a ese tamaño) la imagen se corte 150px de cada lado (-300px) y siga centrada con el mismo alto, si se hace la ventana de 800px entonces se cortarían 250px de cada lado (-500px de los 1300px) para quedar con el mismo alto y centrada.

Igual, si se hace grande el navegador, que la imagen recupere la parte que se recortó y que siga centrada.

Al decir "que siga centrada" me refiero a que, lo que está en el centro de la imagen siga en el centro, no que la imagen se alinee a la izquierda y que la parte de la derecha desaparezca

Espero haberme dado a entender.

Gracias desde ya, saludos

[pzin]

Algo sencillo y rápido sería:

Código CSS:

img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
 

Para lo de los márgenes, simplemente con un contenedor y margin debería de ser suficiente. Para usar transform tal vez necesites prefijos propietarios. Échale un ojo al soporte; http://caniuse.com/transforms2d.