.carousel {
    width: 90%;
    height: 550px; /* Adjust based on your needs */
    position: relative;
    overflow: hidden;
  }

  .carousel-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none; /* Hide all images initially */
  }

  .carousel-image.active {
    display: block; /* Only show the active image */
  }