/* Basic styling for the section to center content */
.achievements-section {
    text-align: center;
    padding: 50px 20px;
    background-color: #000000; /* Light background for contrast */
}

/* Style for the heading */
.section-title {
    font-size: 2.5em;
    color: #fff;
    margin-bottom: 30px;
}

/* Container for the image, ensures it's centered */
.achievement-image-container {
    display: inline-block; /* Allows for centering and wrapping the image */
    margin: 20px auto;
}

/* Style for the achievement image itself */
.achievement-badge {
    max-width: 100%; /* Ensures it scales nicely on small screens */
    height: 400px;
    border-radius: 10px; /* Optional: adds soft corners */
    box-shadow: 0 4px 15px #e51adb; /* Subtle shadow */
    margin-right:50px;
    /* --- The Animation Part --- */
    animation: pulse 2s infinite alternate; /* Apply the animation */
    transition: transform 0.3s ease; /* Smooth transition for hover */
}

/* Optional: slight lift effect when the user hovers over it */
.achievement-badge:hover {
    transform: scale(1.05); 
}

/* Define the 'pulse' animation */
@keyframes pulse {
    0% {
        /* Start: slightly smaller size and a light shadow */
        transform: scale(1);
        box-shadow: 0 0 10px #e51adb; 
    }
    100% {
        /* End: slightly larger size and a more prominent, colored shadow */
        transform: scale(1.03);
        box-shadow: 0 0 20px #e51adb; /* Orange glow */
    }
}