Layered Background

Simple background pattern with gradient overlay to give it a fade out look

.layered-bg{
  box-sizing:border-box;
  width:100vw;
  height:80vh;
  border:1px solid #000;
  background:
    linear-gradient(rgba(32,32,34,.5) 10%, rgba(32,32,34,1) 90%),
    url("BG_snake pattern_tile.png"),
    linear-gradient(rgba(32,32,34,1),rgba(32,32,34,1));
}