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

#banner {
  position: relative;
  width: 300px;
  height: 250px;
  overflow: hidden;
  background: #c53d28;
}
#i01 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.25);
}

#i02 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(2);
}

#i03 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.15);
}

#i04 {
  position: absolute;
  left: -5%;
  top: 0;
  opacity: 0;
}
#i04-1 {
  position: absolute;
  left: -5%;
  top: 0;
  opacity: 0;
}
#i04-2 {
  position: absolute;
  left: -5%;
  top: 0;
  opacity: 0;
}
#i05 {
  position: absolute;
  left: 5%;
  top: 0;
  opacity: 0;
}

#i06 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.15);
}

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

#i09 {
  position: absolute;
  left: 0;
  top: 5%;
  opacity: 0;
}
#i10 {
  position: absolute;
  left: 0;
  top: 5%;
  opacity: 0;
}