title: Pseudo element not showing background-image
body: <p>Why is my background-image inside the pseudo element ::before not showing up? I also tested of replacing the background-image with a background-color and it still doesn't work. This is in SASS format in case some would be wondering of the nested ::before.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.logoframe{
        float: left;
        height: 817px;
        width: 20%;
        position: relative;
        left: -6%;
        transform: skewX(-11deg);
        border: 1px solid #e26f6f;
        &amp;::before{
          content: "";
          background-image: url('/images/theseven/seven_img_old.png');
          background-repeat: no-repeat;
          position: relative;
          height: 817px;
          width: 150px;
        }
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="logoframe"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>