.hero {
  height: 80vh;
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
              url('/images/placeholder.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
}

.artist-hero {
  height: 60vh;
  background-size: cover;
  background-position: center;
  position: relative;
}

.artist-hero .overlay {
  height: 100%;
  background: rgba(0,0,0,.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
}