.carousel-container {
  max-width: 1000px;
  width: 100%;

  position: relative;
  margin: 0 auto; /* Centers the container itself */
}

.carousel {
  display: flex;
  align-items: center;
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.carousel img {
  height: 20vh;

  object-fit: cover;
  margin: 0 20px;
  border-radius: 10px;
  opacity: 0.5;
  transition: all 0.5s ease;
  cursor: pointer;
  flex-shrink: 0;
}

.carousel img.active {
  height: 60vh;
  opacity: 1;
  z-index: 2;
}


.v-center2 {
  min-height: 80%;
  min-height: 80vh;
  display: flex;
  align-items: center;
  padding-bottom: 100px;
}

.de-gradient-edge-top2 {
  z-index: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
}

.carouselhead {
  padding-top: 100px;
}