.carousel-item {
    height: 600px;
    position: relative;
}

.carousel-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.carousel-caption {
    position: absolute;
    top: 50%;
    text-align: center;
}

.carousel-caption .blurred-bg {
    background: rgba(255, 255, 255, 0.7); /* Semi-transparent white */
    backdrop-filter: blur(10px); /* Adds blur effect */
    border-radius: 8px;
}

.carousel-caption h2,
.carousel-caption p {
    margin: 0;
    color: #333;
}
