body {
  background-color: black;
}
.banner-bg {
  background-image: url('tapa-inritmia-1500x1500.jpg'); /* URL de tu imagen */
  background-size: cover; /* Ajusta la imagen para cubrir todo el div */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  height: 800px; /* O la altura que necesites para el banner */
  max-inline-size: 100%;
  color: white; /* Color del texto dentro del banner */
  text-align: center; /* Centra el texto si hay contenido */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px;
}
.img-responsive {
  max-inline-size: 100%;
  height: 1000px;    /* Mantiene la proporción original */
  display: block;  /* Evita espacios extra debajo de la imagen */
}
.image-container img {
  max-inline-size: 100%;
  width: 100%; /* Se adapta al ancho del padre */
  height: 800px; /* Altura fija para el ejemplo */
  object-fit: cover; /* Cubre el espacio, recorta si es necesario */
  object-position: center; /* Centra la imagen */
}