.animation-container .layer-1{
animation: bounce-down 5s infinite;
width: 50px;
height: 50px;
background-color: #ffcc00;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
animation : bounce-down;
}
.animation-container .layer-1::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, #00a3ff, #ff00a3);
opacity: 0;
z-index: -1;
animation: scale-up 5s infinite;
}
.animation-container .layer-2{
animation: pulse 3s infinite;
width: 100px;
height: 100px;
background-color: #00a3ff;
border-radius: 100%;
position: absolute;
top: 60%;
left: 60%;
z-index: 2;
}
.animation-container .layer-3{
animation: spin 10s infinite;
width: 150px;
height: 150px;
background-color: #ff00a3;
border-radius: 100%;
position: absolute;
top: 40%;
left: 40%;
z-index: 3;
}