.frame {
    margin: 0 0 0 0;
    top: 0;
    left: 0;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}


.frame01 {
    animation-name: frame01;
    position:relative;
    z-index: 1;
}

.frame02 {
    animation-name: frame02;
    position:absolute;
    z-index: 2;
}

.frame03 {
    animation-name: frame03;
    position:absolute;
    z-index: 3;
}

.frame04 {
    animation-name: frame04;
    position:absolute;
    z-index: 4;
}

.frame05 {
    animation-name: frame05;
    position:absolute;
    z-index: 5;
}

.frame06 {
    animation-name: frame06;
    position:absolute;
    z-index: 6;
}

.frame07 {
    animation-name: frame07;
    position:absolute;
    z-index: 7;
}

.frame08 {
    animation-name: frame08;
    position:absolute;
    z-index: 8;
}

.frame09 {
    animation-name: frame09;
    position:absolute;
    z-index: 9;
}

.frame10 {
    animation-name: frame10;
    position:absolute;
    z-index: 10;
}

@keyframes frame01{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}

@keyframes frame02{
    0%{
        opacity: 0;
    }
    10%{
        opacity: 0;
    }
    20%{
        opacity: 1;
    }

}

@keyframes frame03{
    0%{
        opacity: 0;
    }
    20%{
        opacity: 0;
    }
    30%{
        opacity: 1;
    }
}

@keyframes frame04{
    0%{
        opacity: 0;
    }
    30%{
        opacity: 0;
    }
    40%{
        opacity: 1;
    }
}

@keyframes frame05{
    0%{
        opacity: 0;
    }
    40%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
}

@keyframes frame06{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
}

@keyframes frame07{
    0%{
        opacity: 0;
    }
    60%{
        opacity: 0;
    }
    70%{
        opacity: 1;
    }
}

@keyframes frame08{
    0%{
        opacity: 0;
    }
    70%{
        opacity: 0;
    }
    80%{
        opacity: 1;
    }
}

@keyframes frame09{
    0%{
        opacity: 0;
    }
    80%{
        opacity: 0;
    }
    90%{
        opacity: 1;
    }
}

@keyframes frame10{
    0%{
        opacity: 0;
    }
    90%{
        opacity: 0;
    }
    100.0%{
        opacity: 1;
    }
}

.slide {
  position: relative;
  display: block;
  margin: 25px auto 25px auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0 0 0;
  border-style: solid;
  border-color: rgb(82, 82, 82);
  border-width: 1px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
  width: fit-content;
  max-width: 90%;
}

.slide img {
  background-color: rgb(231, 231, 231);
  margin: 0 0 0 0;
  display: block;
  width: 100%;
}