Cacher is the code snippet organizer for pro developers

.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../img/bg-hero.jpg') no-repeat center center / cover;
  /*background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(18,18,18,100) 100%), url('../img/bg-hero.jpg') no-repeat center center / cover;*/
}