Have Image fade in and fade out

https://okra-vanilla-n2tn.squarespace.com/ the password is 123

Right now the hero images fade in, is there a way to have number [1] Fade in, then fade out after 3 seconds, [2] fade in and then fade out after 3 seconds, etc the current code I am using is 

/// Speech bubble fade in HOME PAGE

#block-yui_3_17_2_1_1698099613340_5182 {

animation: fade-me-in .5s;

}

 

@keyframes fade-me-in {

  0% {opacity:0;}

  80% {opacity:0;}

  100% {opacity:1;}

}

#block-8222289d31284ba440d5 {

animation: fade-me-in 1.0s;

}

 

@keyframes fade-me-in {

  0% {opacity:0;}

  80% {opacity:0;}

  100% {opacity:1;}

}

#block-7b78518b2a6909733fe1 {

animation: fade-me-in 1.5s;

}

 

@keyframes fade-me-in {

  0% {opacity:0;}

  80% {opacity:0;}

  100% {opacity:1;}

}

#block-80d9bee9e28b6781a90a {

animation: fade-me-in 2.0s;

}

 

@keyframes fade-me-in {

  0% {opacity:0;}

  80% {opacity:0;}

  100% {opacity:1;}

}

 

thank you!

Hi,

I see you figured it out?

10 hours ago, tuanphan said:

Hi,

I see you figured it out?

Not yet! Right now they just fade in but what I want is that the conversation bubbles is there a way to have number [1] Fade in, then fade out after 3 seconds, [2] fade in and then fade out after 3 seconds, etc - does that make sense?

So

I added code here