.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1052; /* z-index debe ser menor que el modal pero mayor que otros elementos */
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  transition: opacity .15s linear;
}

.modal-backdrop.show {
  opacity: 0.5; /* Puedes cambiar el valor de opacidad si deseas un fondo más claro u oscuro */
}