body {
    margin: 0;
}

.slider {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    position: relative;
}

.slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto; /* cover;*/
    background-position: center;
    animation: slide 15s infinite;
}

.slider .slide:nth-child(1) {
    background-image: url('../../images/ITSJA01.jpg');
    animation-delay: -0s;
}

.slider .slide:nth-child(2) {
    background-image: url('../../images/ITSJA02.jpg');
    animation-delay: -3s;
}

.slider .slide:nth-child(3) {
    background-image: url('../../images/ITSJA03.jpg');
    animation-delay: -6s;
}

.slider .slide:nth-child(4) {
    background-image: url('../../images/ITSJA04.jpg');
    animation-delay: -9s;
}

.slider .slide:nth-child(5) {
    background-image: url('../../images/ITSJA05.jpg');
    animation-delay: -12s;
}

.slider .slide:nth-child(6) {
    background-image: url('../../images/ITSJA06.jpg');
    animation-delay: -15s;
}

@keyframes slide {
    0%, 15%, 30%, 100% {
        transform: translateX(0);
        animation-timing-function: ease;
    }
    20% {
        transform: translateX(-100%);
        animation-timing-function: step-end;
    }
    95% {
        transform: translateX(100%);
        animation-timing-function: ease;
    }
}