@charset "utf-8";

body {
  margin: 0;
}

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

.slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: left bottom;
    animation: slide 50s infinite;
}

.slider .slide:nth-child(1) {
 
  animation-delay: -0;
}

.slider .slide:nth-child(2) {
  
  animation-delay: -10s;
}
  
.slider .slide:nth-child(3) {
 
  animation-delay: -20s;
}
  
.slider .slide:nth-child(4) {
  
  animation-delay: -30s;
}

.slider .slide:nth-child(5) {
  
  animation-delay: -40s;
}

@keyframes slide {
  0%, 15%, 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;
  }
}




.inner{
    position:absolute;
    z-index:1;
    bottom:10;
    right:0;
}