section img {
    /* font-size: 1.2em; */
    position: absolute;
    /* left: 0; */
    top: 0;
    /* animation: fade 17s infinite alternate; */
    animation: fade 13s infinite alternate;
    height: 5em;
    /* background-color: red; */
    opacity: 0;
    transform: translateY(0.5em); 
}

.header {
    height: 2em;
}

@media (max-width: 768px) {
    section {
        /* transform: translateY(4em); */
    }
    section img {
        height: 3em;
        /* transform: translateY(1em);  */
    }

    
}

.l0 {
    animation-delay: -17s;
}
  
.l1 {
    animation-delay: -15s;
}

.l2 {
    animation-delay: -13s;
}

.l3 {
    animation-delay: -11s;
}

.l4 {
    animation-delay: -9s;
}
  
.l5 {
    animation-delay: -7s;
}

.l6 {
    animation-delay: -5s;
}

.l7 {
    animation-delay: -3s;
}

.l8 {
    animation-delay: -1s;
}
  
.l9 {
    animation-delay: 1s;
}

.l10 {
    animation-delay: 3s;
}

.l11 {
    animation-delay: 5s;
}

.l12 {
    animation-delay: 7s;
}
  
.l13 {
    animation-delay: 9s;
}

.l14 {
    animation-delay: 11s;
}

/* .l15 {
    animation-delay: 13s;
}

.l16 {
    animation-delay: 15s;
} */
  
@keyframes fade {
    0% { opacity: 0; }
    25% { opacity: 0; }
    90% { opacity: 0; }
    100% { opacity: 1; }
}