缩小时，图像在页面中固定而不移动

Question

我用CSS创建了这个类：

.leaf {
background: url();
position: fixed;
background-size: 300px;
z-index: 0;
height: 206px;
width: 300px;
top: -5%;
left: -7%;
}

其中显示了背景中的一片叶子。我想要做的是不在页面缩放时移动此图像，或者甚至当显示器的宽度小于1024px时。它必须坚持到那个位置！

非常感谢