
/* .container {
    background: rgb(255, 255, 255);
    position: relative;
    height: 60vh;
    width: 100%;
    padding: 2em;
} */

.slide-wrapper {
    position: relative;
    /* margin: 0 auto; */
    margin-top: 10px;    
    padding: 3em;
    width: 90%;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0px 1px 2px 0px rgb(53, 53, 53);
    overflow: hidden;
    
}

/* Slides */
#slide-role {
    position: absolute;
    top: 0;
    left: 0;
    width: 400%;
    height: 100%;
    display: flex;
    transition: left .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.slide {
    width: 50%;
    background-size: cover;
    background-position: center;
}

.slide-1 {
    background-image: url("../img/screenshot/screenshot1.jpg");
}

.slide-2 {
    background-image: url("../img/screenshot/screenshot2.jpg");
}

.slide-3 {
    background-image: url("../img/screenshot/screenshot3.jpg");
}

.slide-4 {
    background-image: url("../img/screenshot/screenshot4.jpg");
}

.slide-5 {
    background-image: url("../img/screenshot/screenshot5.jpg");
}