Intento mostrar sobre mi fondo "burbujas" imágenes de burbujas, que aparecen al azar en la parte inferior de mi página web y suben a la parte superior antes de destruirse.

tengo un archivo ts con código css:

 export const Bubble2 = styled("section")` position: absolute; width: 100px; height: 100px; left: 30%; bottom: 0; background: #fff; border-radius: 50%; opacity: 0.5; animation: flying 10s infinite ease-in; @keyframes flying { 0% { transform: translateX(0); } 25% { transform: translateX(10%); } 50% { transform: translateX(-20%); } 100% { bottom: 99%; transform: translateX(5%); } } `;

Pero no puedo usar nth-child en esto, o no pasó nada cuando llamé a eso...