.bg-section {
  background-image: url('../img/background.jpg'); /* substitua pelo caminho da sua imagem */
  background-size: cover;       /* cobre toda a área */
  background-position: center;  /* centraliza a imagem */
  background-repeat: no-repeat;
  min-height: 400px;            /* altura mínima da seção */
  position: relative;
}
.bg-section::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(255, 255, 255, 0.5); /* preto translúcido */
  z-index: 1;
}
.bg-section .col-md-5 {
  position: relative;
  z-index: 2; /* garante que o texto fique acima da camada */
}