.text-container{
   width: 100%;
    margin-top: 5em;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.galeria{
    width:70%;
    margin: 3em auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 200px;
    gap: 15px;
}

.item{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    filter: brightness(70%);
    transition: all 0.6s ease;
}

/* Imagen grande */
.grande{
    grid-column: span 2;
    grid-row: span 2;
    
}



/* Hover */
.item:hover img{
    filter: brightness(100%);
    transform: scale(1.09);
}



@media (max-width: 900px) {
    .galeria{
    width:95%;
}

.text-container p{
 font-size: 25px;
}
}

@media (max-width: 768px) {
.text-container {
    flex-direction: column;
        align-items: center;
}
.text-container p{
 font-size: 33px;
 text-align: center;
}

.galeria {
    margin: 2em auto;

}
}

@media (max-width:400px){
.text-container p{
 font-size: 30px !important;
}
}