/*.carousel-item {*/
/*    height: 57rem;*/
/*    background: #777;*/
/*    color: white;*/
/*    position: relative;*/
/*}*/

.test {
    width: 100%;
    height: 100%;
}
.container {
    position: relative;
    left: 0;
    bottom: 0;
    right: 0;
    padding-bottom: 50px;
}
.img-fluid {
    opacity: 1.0!important;
    background:linear-gradient(white, black)!important;
}
.carousel-item {
    background-image: url("SePoSpisok.jpg");
    background-repeat: no-repeat;
    background-size: auto;
}

ol{
    top: 98%;
}
@media only screen and (min-width: 500px) {
    .carousel-item {
        height: 57rem;
        background: #777;
        color: white;
        position: relative;
    }
}