JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Tämä toimisi niinkuin taustakuvana -->
<img id="kuva" src="https://www.wallpaperup.com/uploads/wallpapers/2014/01/18/231337/0c8af204dfc78ebced6de5bfe265d34a-700.jpg">

CSS

#kuva {
  display: block;
  position: absolute;
  pointer-events: none;
  top: 0;
}

JavaScript

const myImg = document.getElementById("kuva");

//Pikseli kuvasta, joka halutaan keskelle ruutua
const wantCenter = {x: 792, y: 310};

const myResizer = () => {
	const w = window.innerWidth;
  const h = window.innerHeight;
  let trX = Math.min(0, w/2-wantCenter.x);
  myImg.style.left = trX+"px";
  //jos halutaan myös korkeus-suunnassa siirtää
  //let trY = Math.min(0, h/2-wantCenter.y);
  //myImg.style.top = trY+"px";
};

window.addEventListener("resize", myResizer);
myResizer();