background image centrata rispetto al div, escludendo le proporzioni

[KillerWorm]

ma quella pagina non corrisponde a quanto hai indicato sopra.
Parli di background ma non vedo alcun background per quegli elementi div. Vedo invece una struttura con degli elementi <img> che, tra l'altro, non stanno direttamente dentro i relativi div.

Questo è quello che hai su quella pagina:

<div class="single-grid-banner-container">
  <a href="...">
    <img src="...">
  </a>
</div>

Chiaramente tra un elemento img e una immagine impostata come background ci sono svariate differenze.

Io una soluzione potrei anche saperla ma, a scanso di ulteriori equivoci, puoi riformulare la tua richiesta in maniera più precisa e secondo l'esatto scenario su cui stai lavorando?

[stardom]

ci sono quasi... transform: translateX(-50%) scale(0.8, 0.8);