无法在CSS中控制/定位伪内容侧栏

我目前在一个CSS项目中工作。我还是个初学者，所以遇到了一些问题。目前，我正试图控制一个伪元素的大小和位置，我已经添加到了一个side中。我在元素中放置了一个内容url，目前它位于页面底部

.sidebar::before {
  content: url("duotone_splash.png");
  position: relative;
  z-index: -2;
}

我对它有一个相对的位置，仅此而已。我尝试过调整边距、顶部/底部选择器、变换属性，甚至使用背景图像（但我无法让它出现在页面上）

---

看起来，在伪元素上设置

display:block

可以调整边距并进行变换

.sidebar:：before{
内容：url（“http://via.placeholder.com/500x500");
位置：相对位置；
z指数：-2；
左：50px；
边缘顶部：50px；
显示：块；
变换：比例（0.25）；
}

提供一个