.animated-content {
    opacity: 0;
    transition: all 0.3s ease;
}

.animated-content.animated {
    opacity: 1;
}

.animated-content.fade-out.animated {
    opacity: 0;
}

.animated-content.zoom-in {
    transform: scale(0.5);
}

.animated-content.zoom-in.animated {
    transform: scale(1);
}

.animated-content.zoom-out {
    transform: scale(1.5);
}

.animated-content.zoom-out.animated {
    transform: scale(1);
}

.animated-content.jump {
    transform: translateY(20px);
}

.animated-content.jump.animated {
    transform: translateY(0);
}

.animated-content.slide {
    transform: translateX(-100%);
}

.animated-content.slide.animated {
    transform: translateX(0);
}

.animated-content.bounce {
    animation: none;
}

.animated-content.bounce.animated {
    animation: bounce 0.5s;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}