.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
  
.fondo-negro-semi {
  background-color: rgba(0, 0, 0, 0.5); /* Ajustar la opacidad aquí */
  padding: 5px; /* Añadir relleno para que el texto no toque los bordes */
}