#carouselExampleRide {
  background-color: rgba(0, 0, 0, 0.027);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65%;
  margin: 0 auto; /* centra el carrusel */
}

.carousel-img {
  height: 525px;
  max-height: 600px;
  object-fit: contain; 
  border: 4px solid transparent;
  border-radius: 16px;
  transition: border 0.5s ease, box-shadow 0.5s ease;
  animation: borderGlowBlack 2s ease-in-out infinite alternate;
}

@keyframes borderGlowBlack {
  from {
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  to {
    border-color: rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 1024px) {
  #carouselExampleRide {
    width: 90%; 
  }

  .carousel-img {
    height: auto;         
    max-height: none;     
    width: 90%;          
    object-fit: contain;  
  }
}