.text-reveal {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem; /* Spacing between multiple text reveals */
    margin: 0 auto;
    opacity: 0; /* Start hidden */
    transform: translateY(20px); /* Slightly off-screen */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.visible {
    opacity: 1; /* Fade in when visible */
    transform: translateY(0); /* Move to the original position */
}

.word-container {
    overflow: hidden;
    height: 100%; /* Match the height to the font size */
    margin-right: 0.725rem;
}

p.text-reveal .word-container {
    margin-right: 0.425rem;
}

.word {
    display: inline-block;
    transform: translateY(100%);
    opacity: 0;
    animation: reveal 0.5s forwards ease-out;
}

.has-text-align-center.text-reveal {
	justify-content: center;
}

.image-reveal {
	overflow: hidden;
	position: relative;
}

.image-reveal img {
	visibility: hidden;
	transform: translateY(100%);
}

.image-reveal.visible img {
	visibility: visible;
	animation: reveal 0.5s forwards ease-out 1s;
}

.image-reveal.no-delay img {
    animation-delay: 0s;
}

.image-reveal.delay-small img {
    animation-delay: 0.3s;
}

.image-reveal.delay img {
	animation-delay: 1.2s;
}

.text-reveal-all {
    overflow: hidden;
}

.text-reveal-all {
	opacity: 0;
}

.text-reveal-all.visible {
	opacity: 1;
}

.text-reveal-all .word-contain {
	transform: translateY(200%);
    animation: reveal 0.6s forwards ease-out 1s;
}

.text-reveal-all.visible .word-container {
    transform: translateY(0);
}



@keyframes reveal {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}