.animate-slide {
    animation: slide 10s infinite
}

@keyframes slide {
    0% {
        transform: translate(-5rem)
    }

    25% {
        transform: translate(-12rem)
    }

    to {
        transform: translate(20rem)
    }
}

.animated-blur{
    animation: animated-blur 10s infinite

}


@keyframes animated-blur {
    0% {
        transform: translateY(-40%)
    }

    25% {
        transform: translateY(20%)
    }

    to {
        transform: translateY(-40%)
    }
}

.animated-blur2{
    animation: animated-blur2 10s infinite

}


@keyframes animated-blur2 {
    0% {
        transform: translateY(40%)
    }

    25% {
        transform: translateY(-20%)
    }

    to {
        transform: translateY(40%)
    }
}


.pulse{
    animation: pulse 3s infinite;

}

@keyframes pulse {
	0% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
	}

	100% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}