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

#banner {
  position: relative;
  width: 728px;
  height: 90px;
  overflow: hidden;
  background: #f9ecc6;
}
#i01 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#i02 {
  position: absolute;
  left: 20%;
  top: 0;
  opacity: 0;
}

#i03 {
  position: absolute;
  left: 20%;
  top: 0;
  opacity: 0;
}

#i04 {
  position: absolute;
  left: 0;
  top: -50%;
  opacity: 0;
}

#i05 {
  position: absolute;
  left: 0;
  top: 10%;
  opacity: 0;
}
#i05-1 {
  position: absolute;
  left: 0%;
  top: 10%;
  opacity: 0;
}
#i05-2 {
  position: absolute;
  left: 0%;
  top: 10%;
  opacity: 0;
}
#i05-3 {
  position: absolute;
  left: 0%;
  top: 10%;
  opacity: 0;
}
#i05-4 {
  position: absolute;
  left: 0%;
  top: 10%;
  opacity: 0;
}

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

#i07 {
  position: absolute;
  left: -50%;
  top: 0;
  opacity: 0;
}

#i08 {
  position: absolute;
  left: 20%;
  top: 0;
  opacity: 0;
}
#i08-1 {
  position: absolute;
  left: 20%;
  top: 0;
  opacity: 0;
}
#i08-2 {
  position: absolute;
  left: 20%;
  top: 0;
  opacity: 0;
}
#i08-3 {
  position: absolute;
  left: 20%;
  top: 0;
  opacity: 0;
}
#i08-4 {
  position: absolute;
  left: 20%;
  top: 0;
  opacity: 0;
}

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

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

#i11 {
  position: absolute;
  left: 0;
  top: -90%;
  opacity: 1; /* precisa estar visível pra pulsar */
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}