CSS, How do I move the BG-Img to the center?

Question

I've tried "background-position: center;" and it cuts the image into halves.
Are there any other ways to do it?
Code:
https://code.sololearn.com/WQr0ffzQNkQr/?ref=app
https://code.sololearn.com/Ww3hISqyncb8/?ref=app

Answer 1

https://code.sololearn.com/W73jW0a7jwj1/#html

Answer 2

@Lil Taco
You can see it now

Answer 3

There is no problem on my device. Or maybe I did not understand the problem well.
Can you show the short piece of code that doesn't work as intended?