.container {
text-align: center;
padding: 20px;
background: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 1;
}
.message-box img {
max-width: 150px;
margin-bottom: 20px;
}
.message-box p {
font-size: 18px;
color: #333;
}
.confetti {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
z-index: 0;
}
.confetti-piece {
position: absolute;
width: 10px;
height: 20px;
background-color: #ff5e57;
opacity: 0.8;
animation: fall 3s linear infinite;
}
@keyframes fall {
0% {
transform: translateY(-100vh) rotate(0deg);
}
100% {
transform: translateY(100vh) rotate(360deg);
}
}