/* Bannière de la page Les écoles : photo + voile bleu pour garder le texte lisible */
.directory-hero{
  background:
    linear-gradient(90deg,rgba(5,20,70,.98) 0%,rgba(7,30,92,.93) 42%,rgba(9,38,120,.68) 72%,rgba(9,38,120,.42) 100%),
    url(../img/accueil/ecoles-banniere-diplomes.webp) 78% 30%/cover no-repeat,
    #0b2670;
}
@media(max-width:760px){
  .directory-hero{
    background:
      linear-gradient(180deg,rgba(5,20,70,.94) 0%,rgba(7,30,92,.86) 55%,rgba(7,30,92,.78) 100%),
      url(../img/accueil/ecoles-banniere-diplomes.webp) 72% 25%/cover no-repeat,
      #0b2670;
  }
}