.carouselContainer {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#209fcf, #53c0a1);
}

.carouselContainer .title {
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    position: relative;
    top: 13%;
}

.carouselContainer .carousel {
    padding-bottom: 0px;
    width: 100%;
    position: relative;
    top: 20%;
}

.carouselContainer .carousel-inner {
    padding-bottom: 70px;
}

.carouselContainer .carousel-item {
}

.carouselContainer .carousel-item > img {
    margin: 0 auto;
    width: calc(55vh);
    height: calc(55vh);
    border-radius: 50%;
    box-shadow: 10px 25px 25px rgba(0, 0, 0, 0.3);
}

.carouselContainer .carousel-indicators li {
    width: 7px;
    height: 7px;
    background-color: transparent;
    border-radius: 100%;
    border: 1px solid #000000;
    margin-left: 10px;
    margin-right: 10px;
}

.carouselContainer .carousel-indicators li.active {
    background-color: #ffffff;
    border-color: #ffffff;
}