body {
  font-family: Arial, sans-serif;
}
.hero-cover {
  position: relative;
  height: 100vh; /* prend tout l'écran */
  background: url('../images/bg.jpg') no-repeat center center;
  background-size: cover;
}

.hero-cover .overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(13, 110, 253, 0.5); /* Bleu Bootstrap #0d6efd avec 50% */
  z-index: 1;
}

.hero-cover .container {
  z-index: 2; /* Texte au-dessus de l’overlay */
}