/* @keyframes slideZoom {
	0%,
    20% {
	    background-image: url("/static/assets/sangai.jpeg");
	    transform: scale(1.05);
	    opacity: 190%;
    }
    10% {
    	transform: scale(1.1);
    }
    33.33%,
    53.33% {
	    background-image: url("/static/assets/loktak.jpg");
	    transform: scale(1.05);
	    opacity: 190%;
    }
    43.33% {
    	transform: scale(1.1);
    }
    66.66%,
    100% {
	    background-image: url("/static/assets/khongjom_memorial.jpg");
	    transform: scale(1.05);
	    opacity: 190%;
    }
    86.66% {
        transform: scale(1.1);
    }
}
.hero-slideshow {
    position: relative;
    width: 100%;
    height: 80vh;
    overflow: hidden;
}
.hero-slideshow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    animation: slideZoom 15s ease-in-out infinite;
    z-index: -1;
} */
 
/* @keyframes slideFromLeft {
    0% {
    transform: translateX(-20%);
    opacity: 0;
    }

    100% {
    transform: translateX(0);
    opacity: 1;
    }
}

.animate-slideFromLeft {
    animation: slideFromLeft 1.5s ease-out forwards;
} */

/* @keyframes fadeInUp {
	0% {
	    opacity: 0;
	    transform: translateY(20px);
	}
	100% {
	    opacity: 1;
	    transform: translateY(0);
	}
}
.animate-fade-in-up {
	animation: fadeInUp linear;
	animation-timeline: view();
	animation-range: entry 0% cover 25%;
} */
/* @keyframes slide-in-left {
	from {
	    opacity: 0;
	    transform: translateX(-50px);
	}
	to {
	    opacity: 1;
	    transform: translateX(0);
	}
}
@keyframes slide-in-right {
	from {
	    opacity: 0;
	    transform: translateX(50px);
	}
	to {
	    opacity: 1;
	    transform: translateX(0);
	}
}
.animate-slide-in-left {
	animation: slide-in-left 0.8s ease-out forwards;
}
.animate-slide-in-right {
	animation: slide-in-right 0.8s ease-out forwards;
}
.animation-delay-200 {
	animation-delay: 0.2s;
}
.animation-delay-400 {
	animation-delay: 0.4s;
} */