/* Adding bounce animation to the image in the hero banner */
.paragraph .radius-30 {
    animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-10px) scale(1.05);
    }
}

/* Ensure the animation doesn't interfere with existing scrollCue effects */
[data-cues="slideInRight"] .paragraph .radius-30 {
    animation-delay: 0.5s; /* Delay to sync with scrollCue */
}