.carousel-content {
    position: absolute;
    z-index: 50;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-item {
    transition:none;
}
.px-wide-500 {
    width:500px;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
    display: none;
}

.square {
    height: 370px;
    width: 300px;
    background-color: #09357a;
    margin: 20px;
}