#cluster-map {
    width: 100%;
    height: 500px;
    margin-bottom: 1.5rem;
}

#map {
    width: 100%;
    height: 300px;
}

.carousel-inner {
  height: 400px; /* Default height */
}

/* Adjust the height for smaller screens */
@media (max-width: 768px) {
  .carousel-inner {
    height: 300px; /* Smaller height for tablets */
  }
}

@media (max-width: 576px) {
  .carousel-inner {
    height: 300px; /* Smaller height for mobile phones */
    background-position: center;
  }
}