.carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    border: none;
    margin: 0 5px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

    .carousel-indicators button.active {
        opacity: 1;
        background-color: #007bff;
    }
.carousel-control-prev,
.carousel-control-next {
    width: 6vh;
    height: 6vh;
    background-color: black;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
}

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
        opacity: 0.8;
    }

        
 img {
        max-width: 100%;
        max-height: 100%;
        border-radius:10px;
    }

.img-wrapper {
    max-width: 100%;
    height: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width:1000px)

{
    .img-wrapper {
        max-width: 100%;
        margin-top:10px;
        height: 20vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}