Html 移动图像

我想向下移动一个图像。但当我使用“上”或“下”时，图像会左右移动。 （我不知道怎么做的，但我设法使它像photoshop中的图层遮罩！） 我使用了边距、填充、顶部、底部等，但它们都不起作用 这是我的密码

.header{
高度：200px；
背景：#313b3d url(https://preview.ibb.co/mFmpK5/grotti_canyon_wallpaper_1366x768.jpg)不重复160px顶部；
}
.右转{
颜色：#fff；
}
.右转a:悬停{
颜色：#fff；
}
.右转h1{
位置：相对位置；
边缘底部：17px；
填充顶部：40px；
字号：28px；
文本对齐：居中；
背景：url（）无重复中心顶部；
}

（*简短描述*）

这是因为您使用background属性来定义图像，然后必须使用css

background position

.header{
高度：200px；
背景：#313b3d url(https://preview.ibb.co/mFmpK5/grotti_canyon_wallpaper_1366x768.jpg)不重复；
背景位置：0 50px；
}
.右转{
颜色：#fff；
}
.右转a:悬停{
颜色：#fff；
}
.右转h1{
位置：相对位置；
边缘底部：17px；
填充顶部：40px；
字号：28px；
文本对齐：居中；
背景：url（）无重复中心顶部；
}

（*标题*）
（*简短描述*）


（*菜单项标题*）