html,
body {
  margin: 0;
  padding: 0;
}

#banner {
  position: relative;
  width: 300px;
  height: 600px;
  overflow: hidden;
  background: #ccc;
}
#i01 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.2);
}
#i02 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#i03 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
#i04 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.2);
}
#i05 {
  position: absolute;
  left: 0;
  top: -102px;
  opacity: 0;
}

#i06 {
  position: absolute;
  left: 0;
  top: 102px;
  opacity: 0;
}

#i07 {
  position: absolute;
  left: 100px;
  top: 0;
  opacity: 0;
}
#i07-1 {
  position: absolute;
  left: 100px;
  top: 0;
  opacity: 0;
}
#i07-2 {
  position: absolute;
  left: 100px;
  top: 0;
  opacity: 0;
}
#i07-3{
  position: absolute;
  left: 100px;
  top: 0;
  opacity: 0;
}

#i08 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.2);
}

#i09 {
  position: absolute;
  left: 0;
  top: -100%;
  opacity: 1;
}

#i10 {
  position: absolute;
  left: -100%;
  top: 0;
  opacity: 1;
}

#i11 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0;
}
#i12 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;

}
#i13 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0;
}
#i13-1 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0;
}

#i14 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; 
}
#i15 {
  position: absolute;
  left:0;
  top: -100%;
  opacity: 1;
}
#i16 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0;
}
#i17 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
#i18 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0;
}
#i18-1 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0;
}
#i19 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.2);
}
#i20 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0; 
}
#i20-1 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0; 
}
#i20-2 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0; 
}
#i20-3 {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0; 
}

#i21 {
  position: absolute;
  left: 0;
  top: 30px;
  opacity: 0;
}

#i22 {
  position: absolute;
  left: 0;
  top: -100px;
  opacity: 0;
}

#i23 {
  position: absolute;
  left: 0;
  top: 100px;
  opacity: 0;
}