.image-2 {
    text-align: center; 
    background-color: #4169E1; 
    padding: 5%;
}

.image-2 img {
    width: 50%;
    height: auto;
    cursor: pointer; 
}


.image-3 {
    text-align: center; 
    background-color: #4169E1; 
    padding: 5%;
}

.image-3 img {
    width: 60%;
    height: auto;
    cursor: pointer; 
}

.image-container2 {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; 
    gap: 20%;
	background-color: black;
	 padding: 10%;
	                      }

        .image-box2 {
    
    flex: none;
                    }

    .image-box21 img {
    width: 200%; 
    height: auto;
    object-fit: cover;
	}
	.image-box22 img {
    width: 200%; 
    height: auto;
    object-fit: cover;
	}
	.image-box23 img {
    width: 125%; 
    height: auto;
    object-fit: cover;
	}
	
	h1 {
    opacity: 0;
    animation: fadeIn 5s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 3; }
}

 h2 {
            font-size: 2em;
            text-transform: uppercase;
            margin-bottom: 20px;
        }
        .link-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }
        a {
            color: #FFD700;
            font-size: 1.2em;
            text-decoration: none;
            transition: color 0.3s ease-in-out;
        }
        a:hover {
            color: #FF4500;
        }
		
		


.info-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.info-container img {
    width: 120px; 
    height: auto;
    border-radius: 10px; 
}

.info-text h3, .info-text p {
    margin: 0;
}