Adding background Image , Adding Layer.


PHOTO EMBED

Tue Dec 22 2020 05:29:33 GMT+0000 (UTC)

Saved by @jpannu

 //OverLay. ( 1st Way )
  .parent {
       background: url("./folder1/img.jpg') no-repeat center center/cover;
  }
  .child { 
      background-color : rgba(0,0,0,0.5);
    //It will add Black ( required ) layer on the top of the parent-Background Image. 
    }       

------------------------------------------------------------------------

 //BackgroundImage, Adding Layer on the top of the Image. ( 2nd Way )
// Adding Image and providing Layer on that specific background only.
.selectContainer {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.377),
        rgba(0,0,0, 100)
      ),url(/r/featured.jpg) no-repeat center center/cover;
}
content_copyCOPY