.team-section {
width: 100%;
max-width: 1200px; margin: 0 auto 50px auto;
} .team-section h2 {
text-align: left;
font-size: 28px;
margin-bottom: 1em;
}
.team-section h2::after {
content: "";
display: block;
width: 60px;
height: 4px;
background-color: #f5c518;
margin-top: 6px;
} .players-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 1em;
margin-bottom: 1em;
}
.player img { 
object-fit: cover;
margin: auto;
} @media (max-width: 1024px) {
.players-grid {
grid-template-columns: repeat(3, 1fr); }
} @media (max-width: 768px) {
.players-grid {
grid-template-columns: repeat(2, 1fr); gap: 12px; }
.player img {
width: 100%;
height: auto;
max-width: 160px; margin: auto;
display: block;
}
} @media (max-width: 480px) {
.players-grid {
grid-template-columns: repeat(2, 1fr); gap: 10px;
}
.player img {
max-width: 140px; }
}