title: i upgrade the bootstrap 4 to bootstrap 5 ,but Css Code is not Working Properly
body: <p>i upgraded into bootstrap version 4 to 5 .the Same css applied both container but output image as not viewed properly</p>
  <pre><code> #home-section.parallax-section:before {
      background-color: rgba(37,34,34,.8);
  }
  .parallax-section:before {
      position: absolute;
      background-color: rgba(35,174,121,.94);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      min-height: 264px;
      display: block;
      content: &quot;&quot;;
  }
  *, :after, :before {
      box-sizing: border-box;
  }
  </code></pre>
  <p>output Image:
  <a href="https://i.stack.imgur.com/zZNLO.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zZNLO.jpg" alt="enter image description here" /></a></p>
  <p>expected output:
  <a href="https://i.stack.imgur.com/ohEoB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ohEoB.jpg" alt="enter image description here" /></a></p>