title: Why is my linear gradient not working properly over my background image? (rails and sass)
body: <p>I have an background image which I am trying to get a linear gradient to display over. I've checked a few other questions and none of those answers seem to do it for me. so far I have this...</p>
  
  <pre><code>    .bottom-pic
          width: 100%
          height: 425px
          background-image: url("bottom-img-3.png")
          background-size: cover
          background-repeat: no-repeat
          background-position: 0 -255px
          position: relative
  
        .overlay
            background: linear-gradient(-180deg, #20202C 34%, rgba(32,32,44,0.00) 81%, #20202C 100%)
  </code></pre>
  
  <p>My gradient is still not showing up though.</p>