.instagram-row {
    display: flex; /* Configura los hijos para alinearse en fila */
    flex-wrap: wrap; /* Permite que las publicaciones pasen a la siguiente línea si no caben */
    justify-content: space-between; /* Espacio uniforme entre publicaciones */
    gap: 16px; /* Espaciado entre publicaciones */
}

.instagram-media {
    flex: 1 1 calc(33.333% - 16px); /* Tres publicaciones por fila */
    max-width: calc(33.333% - 16px);
    box-sizing: border-box; /* Incluye padding y bordes en el cálculo del ancho */
}

@media (max-width: 768px) {
    .instagram-media {
        flex: 1 1 calc(50% - 16px); /* Dos publicaciones por fila en pantallas pequeñas */
        max-width: calc(50% - 16px);
    }
}

@media (max-width: 480px) {
    .instagram-media {
        flex: 1 1 100%; /* Una publicación por fila en pantallas muy pequeñas */
        max-width: 100%;
    }
}