title: Put Pseudo element behind parent
body: <pre><code>&lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;style&gt;
  div {
    width: 90px;
    aspect-ratio:1;
    border-radius:50%;
    transform:translateY(-15px);
    background:#191919;
    box-shadow:0 0 0 13px #E08027;
    position:relative;
  }
    div::after{
    content:&quot;&quot;;
    position:absolute;
    width:55px;
    height:55px;
    background:#E08027;
    top:-13;
    right:-13;
    z-index:-1;
  }
  &lt;/style&gt;
  </code></pre>
  <p>I am trying to bring the ::after element to back of the parent div. But its not working,
  why z-index ain't work?</p>