.animated-header {
   display: inline-block;
   cursor: pointer;
   transition: all 0.3s ease;
}
 
.animated-header:hover {
   transform: scale(1.1);
   color: #4a9eff;
}
.animated-text {
   cursor: pointer;
   display: flex;
   gap: 2px;
   justify-content: center; 
   text-decoration: none;
   color: white;
}
 
.animated-text span {
   display: inline-block;
   transition: transform 0.3s ease;
   cursor: pointer;
}
 
.animated-text:hover span {
   animation: jumpUp 0.4s ease forwards;
   text-decoration: none;
   color: white;
}
 
@keyframes jumpUp {
   0% {
     transform: translateY(0);
   }
   50% {
     transform: translateY(-5px);
   }
   100% {
     transform: translateY(0);
   }
}

.image-section {
   margin-top: 20px;
   text-align: center;
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
}

.image-title {
   margin-bottom: 20px;
   color: white;
   font-size: 2rem;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.image-container {
   position: relative;
   margin: 0 auto;
}

.feature-image {
   width: 100%;
   max-width: 800px;
   height: auto;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.image-caption {
   margin-top: 5px;
   color: rgba(255, 255, 255, 0.9);
   font-size: 1.1rem;
   font-style: italic;
}