.static-text {
    position: absolute; /* Position it at the top */
    top: 0; /* Align to the top */
    width: 100%; /* Full width */
    text-align: center; /* Center the text */
	font-family: Arial, sans-serif; /* Change font */
    color: white; /* Change color for visibility */
    font-size: 18px; /* Adjust font size as needed */
	font-style: italic; /* Change style */
}
.scroll-text {
    height: 200px; /* Set the height of the container */
    overflow: hidden; /* Hide the overflow */
    position: relative; /* Position relative for the absolute child */
	width: 100%;  /* Position the text absolutely - Changed from 100% */
    font-family: Arial, sans-serif; 
    font-size: 22px;
	font-style: normal;	
    background-color: black; 
    color: white; 
    text-align: center; 
}

.scroll-text p {
    position: absolute; /* Position the text absolutely */
    width: 100%; /* Make the text take full width - Change from 100%*/
    animation: scroll 15s linear infinite; /* Animation settings */
}

@keyframes scroll {
    0% {
        top: 100%; /* Start below the container */
    }
    100% {
        top: -100%; /* End above the container */
    }
}

/* Pause the animation on hover */
.scroll-text:hover p {
    animation-play-state: paused; /* Pause the animation */
}