.carousel{
    max-width: 600px;
    position: relative;
}

.carousel .carousel-item,
.carousel .carousel-item-hidden{
    display: none;
}


.carousel .carousel-item-visible{
    display: block;
    animation:fadeVisibility .5s;
}


img{
    max-width: 600px;
    width:100%;
    height: auto;
}

.carousel-actions{
    width:100%;
    height:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top:0;
    
}

.carousel-button{
    color:white;
    background-color: transparent;
    border:1px solid white;
    width:50px;
    height:50px;
    border-radius: 25px;
}

#carousel-button-prev{
    margin-left: 20px;
}

#carousel-button-next{
    margin-right: 20px;
}

@keyframes fadeVisibility{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}