To control the position of an image in the background, use the background-position property.
Example
You can try to run the following code to learn how to work with the background-position property. It sets the background image position 30 pixels away from the left side:
<html>
<head>
<style>
body {
background-image: url("/css/images/css.jpg");
background-position:30px;
}
</style>
</head>
<body>
<p>Tutorials point</>
</body>
</html>