.hero::before {
  background-image: linear-gradient(90deg, rgba(20,13,8,.92) 0%, rgba(20,13,8,.74) 45%, rgba(20,13,8,.2) 74%, rgba(20,13,8,.34) 100%), url('../images/film-direction.jpg?v=1786630868');
}
.page-hero::before {
  background: linear-gradient(90deg, rgba(17,11,7,.9), rgba(17,11,7,.38)), url('../images/film-direction.jpg?v=1786630868') center/cover;
}
.page-hero.direction::before {
  background-image: linear-gradient(90deg, rgba(17,11,7,.9), rgba(17,11,7,.38)), url('../images/film-direction.jpg?v=1786630868');
}
.page-hero.editing::before {
  background-image: linear-gradient(90deg, rgba(17,11,7,.9), rgba(17,11,7,.38)), url('../images/film-editing.jpg?v=1786630868');
}
.page-hero.makeup::before {
  background-image: linear-gradient(90deg, rgba(17,11,7,.9), rgba(17,11,7,.38)), url('../images/makeup-academy.jpg?v=1786630868');
}
.page-hero.acting::before {
  background-image: linear-gradient(90deg, rgba(17,11,7,.9), rgba(17,11,7,.38)), url('../images/acting-classes.jpg?v=1786630868');
}
@media (max-width: 860px) {
  .hero::before {
    background-image: linear-gradient(90deg, rgba(20,13,8,.92), rgba(20,13,8,.58)), url('../images/film-direction.jpg?v=1786630868');
  }
}