body {
	background-image: url("/atteli/patterns/05.jpg");
	background-repeat: repeat; /* Tiles horizontally */
	background-size: auto;
	font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
    overflow: scroll;
}

.image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.image-gallery img {
    width: 500px;
    height: 500px;
    object-fit: cover;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1
}
.random-image{
    position: absolute;
    z-index: 1000;
    width: 500px;
    height; 500px;
}
marquee {
    font-size: 5em;
    color: #ff69b4; /* HotPink */
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000;
}

.text {
    animation: colorChange 5s infinite;
    position: absolute;
    z-index: 1000;
    font-size: 3em;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000;
 
}


@keyframes colorChange {
    0% { color: #ff69b4; } /* HotPink */
    25% { color: #ffd700; } /* Gold */
    50% { color: #32cd32; } /* LimeGreen */
    75% { color: #4682b4; } /* SteelBlue */
    100% { color: #ff69b4; } /* HotPink */
}