.animated-block {
    opacity: 0;
    transition: all 0.6s ease-out;
    z-index: 1;
}

/* Fade Up */
.animated-block[data-animation="fade-up"] {
    transform: translateY(20px);
}
.animated-block[data-animation="fade-up"].visible {
    transform: translateY(0);
    opacity: 1;
}

/* Fade Down */
.animated-block[data-animation="fade-down"] {
    transform: translateY(-20px);
}
.animated-block[data-animation="fade-down"].visible {
    transform: translateY(0);
    opacity: 1;
}

/* Zoom In */
.animated-block[data-animation="zoom-in"] {
    transform: scale(0.8);
}
.animated-block[data-animation="zoom-in"].visible {
    transform: scale(1);
    opacity: 1;
}

/* Slide Left */
.animated-block[data-animation="slide-left"] {
    transform: translateX(-30px);
}
.animated-block[data-animation="slide-left"].visible {
    transform: translateX(0);
    opacity: 1;
}

/* Slide Right */
.animated-block[data-animation="slide-right"] {
    transform: translateX(30px);
}
.animated-block[data-animation="slide-right"].visible {
    transform: translateX(0);
    opacity: 1;
}

.animated-block.hover-scale:hover {
    
    transition: transform 0.3s ease;
    cursor: pointer;
    transform: scale(1.1);
}