#carouselExample {
    width: 100%;
}

.carousel-inner img {
    width: 100%;
    height: 300px;
    object-fit: cover; /* Hace que la imagen se ajuste al contenedor */
}

.carousel-item {
    max-height: 300px; /* Ajusta la altura del carrusel */
}

  @keyframes float{
    0%,100%{
      transform: translateY(0rem);
    }
    50%{
      transform: translateY(-1.5rem);
    }
  }