/* ====================
MUSIC PROJECTS 2x2 GRID CONTAINER
==================== */

.grid-container { 
width: 100%;
max-width: 1100px;
margin: 0 auto;
}

.grid-2x2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%;
margin: 0 auto;
gap: 5px;
}

.grid-2x2 a {
display: block;
overflow: hidden;
}

.grid-2x2 a img {
width: 100%;
height: auto;
display: block;
transition: transform 0.2s ease;
}

/* ====================
MOBILE RESPONSIVE
==================== */
@media (max-width: 768px) {

.grid-container { 
width: 100%;
max-width: 100%;
margin: 0 auto;
}

.grid-2x2 {
grid-template-columns: 1fr;
margin: 0 auto;
width: 100%;
gap: 5px;
}

.grid-2x2 a {
width: 100%;
flex: none;
}

.grid-2x2 a img {
width: 100%;
height: auto;
display: block;
}
}