'i upgrade the bootstrap 4 to bootstrap 5 ,but Css Code is not Working Properly

i upgraded into bootstrap version 4 to 5 .the Same css applied both container but output image as not viewed properly

 #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: "";
}
*, :after, :before {
    box-sizing: border-box;
}

output Image: enter image description here

expected output: enter image description here

cssbootstrap-4stylescss-transitionsbootstrap-5


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions