.skills-players {
    min-height: 100vh;
    padding: 60px 0;
}

.skills-players h1 {
    color: #000;
    margin-bottom: 40px;
}

.skill-card-players {
    display: flex;
    flex-direction: column; /* Default to column layout for smaller screens */
    align-items: center; /* Center content horizontally */
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative; /* Ensure small images can be positioned inside */
    animation: none; /* Default no animation */
}

/* Responsive styles for larger screens */
@media (min-width: 768px) {
    .skill-card-players {
        flex-direction: row; /* Change to row layout for larger screens */
        align-items: flex-start; /* Align items to the top of the container */
    }
}