.custom-carousel {
    width: 40em;
    height: 25em;
    margin: 0 auto;
    position: relative;
}
.custom-carousel li {
width: 500px;
height: 281px; 
display: inline-block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
overflow: hidden;
}

.custom-carousel li p {
color: white;
font-weight: bold;
font-size: 5em;
text-align: center;
margin-top: 1.175em;
}

.custom-carousel .items {
position: absolute;
}

.custom-carousel .main-pos {
margin-left: 2em !important;
z-index: 3000;
}

.custom-carousel .left-pos {
opacity: .3;
margin-left: -17em !important;
z-index: 1000;
-webkit-transform: scale(.75);
-moz-transform: scale(.75);
transform: scale(.75);
}

.custom-carousel .back-pos {
margin-left: 2em !important;
opacity: .05;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
transform: scale(.5);
}

.custom-carousel .right-pos {
opacity: .3;
margin-left:  21em !important;
z-index: 1000;
-webkit-transform: scale(.75);
-moz-transform: scale(.75);
transform: scale(.75);
}