
.animate__hover > img {}
.animate__hover_alt > img {}

@-webkit-keyframes blink {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes blink {
    from, 50%, to {
        opacity: 0;
    }

    25%, 75% {
        opacity: 1;
    }
}

.animate__blink {
    --animate-duration: 8s;
    -webkit-animation-name: blink;
    animation-name: blink;
    animation-iteration-count: infinite;
}

@-webkit-keyframes blink_alt {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes blink_alt {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.animate__blink_alt {
    --animate-duration: 8s;
    -webkit-animation-name: blink_alt;
    animation-name: blink_alt;
    animation-iteration-count: infinite;
}


@-webkit-keyframes hover {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

@keyframes hover {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

.animate__hover {
    --animate-duration: 30s;
    -webkit-animation-name: hover;
    animation-name: hover;
    animation-iteration-count: infinite;
}


@-webkit-keyframes hover_alt {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
}

@keyframes hover_alt {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
}

.animate__hover_alt {
    --animate-duration: 30s;
    -webkit-animation-name: hover_alt;
    animation-name: hover_alt;
    animation-iteration-count: infinite;
}
