How to position the image in the center in the block when loading the page?

Question

css

In general, there is such a structure: jsfiddle.net/6rhao7pf/1
Just a div block and an image in it that scrolls horizontally and vertically.
By default, when the page loads, we see the upper left corner of the image.
How to make it so that when loading the page by default, we see the center of the picture.
For clarity, I attach the screen as it is and as needed.

Answer 1

For example, you can

Answer 2

If you need to shift exactly the picture and not the position on the page, then background-size should help
https://css-tricks.com/almanac/properties/b/backgr...