How I can load a multiple image from json file

[nicofajardo412]

Hi everyone I'm newbie in this topic, My questions is : I have a Json file like this
`[

{
    "slug": "andinismo",
    "img": "../assets/images/climbingDetails.jpg",
    "nombre": "Andinismo",
    "descripcion": "El montañismo nace en los Alpes al final del siglo XVIII. Su objetivo es conseguir llegar a la cima de una determinada montaña, como un reto a la naturaleza, que en ocasiones se llega a perder la vida..",
    "galeria" : [
        {"imageC": "../assets/images/climbingDetails.jpg"} ,
        {"imageC": "../assets/images/andinismo1.jpg"}
]
},

]`

`[
{

    "slug": "senderismo",
    "img": "../assets/images/senderismoDetails.jpg",
    "nombre": "Senderismo",
    "descripcion": "El senderismo es una actividad deportiva no competitiva que consiste en caminar siguiendo un itinerario determinado. Se acostumbra a realizar en senderos balizados y homologados por el organismo competente de cada país, pero también por sendas, caminos rurales y vías verdes sin homologar.",
    "galeria" : [
        {"imageC": "../assets/images/senderismoDetails.jpg"} ,
        {"imageC": "../assets/images/senderismo1.jpg"}
]
},

]`

I am creating pages based on the slug showing information such as the name, description and the img is a background image that changes according to the slug, the above works, now I need to show the two images that are in the gallery object according to the slug, I already tried but got no results, any ideas?

This is my query:

`

{

  detallesCategoriasJson(slug: {eq: "camping"}) {
          nombre
          descripcion
          img {
         childImageSharp {
                 fluid {
                       ...GatsbyImageSharpFluid
          }
  }
}
galeria {
  imageC {
    childImageSharp {
      fluid {
            ...GatsbyImageSharpFluid
    }
    }
  }
}

}
}

`

and this is my result, it is OK I think
{ "data": { "detallesCategoriasJson": { "nombre": "Camping", "descripcion": "Acampada, campismo,​ campamento o el anglicismo camping​ hacen referencia a la actividad humana que consiste en colocar una vivienda temporal, ya sea portátil o improvisada, en un lugar con el fin de habitarla. También se denomina así al lugar físico donde se realiza esta actividad.", "img": { "childImageSharp": { "fluid": { "base64": "data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIEAwX/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABTCRhpOcVH//EABwQAAIBBQEAAAAAAAAAAAAAAAIDAQAQERITIf/aAAgBAQABBQIneC3EdaWWhMbDLf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAERL/2gAIAQMBAT8BAy5v/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAB/9oACAECAQE/AXWb/8QAGxAAAQQDAAAAAAAAAAAAAAAAAAECEBIRMmH/2gAIAQEABj8CMRZW24aI2P/EABkQAQADAQEAAAAAAAAAAAAAAAEAEVEhEP/aAAgBAQABPyGhIE6gd6xFwTANSoCpj5//2gAMAwEAAgADAAAAEPg//8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARQf/aAAgBAwEBPxATHti//8QAFhEAAwAAAAAAAAAAAAAAAAAAARAR/9oACAECAQE/EDAv/8QAGRABAQEBAQEAAAAAAAAAAAAAAREAMUEh/9oACAEBAAE/EAmk8O4gTtqjmVMPrPWGKaGot9Hx03//2Q==", "aspectRatio": 1.5037593984962405, "src": "/static/6f5238b594b0fea47a09ebed51647672/14b42/campingDetails.jpg", "srcSet": "/static/6f5238b594b0fea47a09ebed51647672/f836f/campingDetails.jpg 200w,\n/static/6f5238b594b0fea47a09ebed51647672/2244e/campingDetails.jpg 400w,\n/static/6f5238b594b0fea47a09ebed51647672/14b42/campingDetails.jpg 800w,\n/static/6f5238b594b0fea47a09ebed51647672/47498/campingDetails.jpg 1200w,\n/static/6f5238b594b0fea47a09ebed51647672/ec6c5/campingDetails.jpg 1280w", "sizes": "(max-width: 800px) 100vw, 800px" } } }, "galeria": [ { "imageC": { "childImageSharp": { "fluid": { "base64": "data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIEAwX/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABTCRhpOcVH//EABwQAAIBBQEAAAAAAAAAAAAAAAIDAQAQERITIf/aAAgBAQABBQIneC3EdaWWhMbDLf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAERL/2gAIAQMBAT8BAy5v/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAB/9oACAECAQE/AXWb/8QAGxAAAQQDAAAAAAAAAAAAAAAAAAECEBIRMmH/2gAIAQEABj8CMRZW24aI2P/EABkQAQADAQEAAAAAAAAAAAAAAAEAEVEhEP/aAAgBAQABPyGhIE6gd6xFwTANSoCpj5//2gAMAwEAAgADAAAAEPg//8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARQf/aAAgBAwEBPxATHti//8QAFhEAAwAAAAAAAAAAAAAAAAAAARAR/9oACAECAQE/EDAv/8QAGRABAQEBAQEAAAAAAAAAAAAAAREAMUEh/9oACAEBAAE/EAmk8O4gTtqjmVMPrPWGKaGot9Hx03//2Q==", "aspectRatio": 1.5037593984962405, "src": "/static/6f5238b594b0fea47a09ebed51647672/14b42/campingDetails.jpg", "srcSet": "/static/6f5238b594b0fea47a09ebed51647672/f836f/campingDetails.jpg 200w,\n/static/6f5238b594b0fea47a09ebed51647672/2244e/campingDetails.jpg 400w,\n/static/6f5238b594b0fea47a09ebed51647672/14b42/campingDetails.jpg 800w,\n/static/6f5238b594b0fea47a09ebed51647672/47498/campingDetails.jpg 1200w,\n/static/6f5238b594b0fea47a09ebed51647672/ec6c5/campingDetails.jpg 1280w", "sizes": "(max-width: 800px) 100vw, 800px" } } } }, { "imageC": { "childImageSharp": { "fluid": { "base64": "data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAeABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAQDAQL/xAAWAQEBAQAAAAAAAAAAAAAAAAACAwT/2gAMAwEAAhADEAAAAYWut4QPIpREz6eBH//EABsQAAMAAgMAAAAAAAAAAAAAAAABAhETEiAh/9oACAEBAAEFAlA5SPCKwr1ucyK2auUdP//EABoRAAICAwAAAAAAAAAAAAAAAAABAxICECH/2gAIAQMBAT8ByikT6UZbX//EABkRAQACAwAAAAAAAAAAAAAAAAEAAhASUf/aAAgBAgEBPwEvVJsROY//xAAbEAACAQUAAAAAAAAAAAAAAAAAEBIBICIyUf/aAAgBAQAGPwJ5UNjqlO3/xAAbEAEAAgMBAQAAAAAAAAAAAAABACERMWEQUf/aAAgBAQABPyGGwiB3CtE+kGUCJrT1AlOuRshnFBHcPf/aAAwDAQACAAMAAAAQZMjC/8QAGhEAAgMBAQAAAAAAAAAAAAAAAAERIWFRof/aAAgBAwEBPxDi2GD8JNQ7RZ//xAAaEQACAgMAAAAAAAAAAAAAAAAAARAxESFx/9oACAECAQE/ENEs4DHbEf/EAB0QAQADAQACAwAAAAAAAAAAAAEAESExQWFxgcH/2gAIAQEAAT8Qy0hBerwlcoxZSkpND9mAI2nv3ALo9LlJChsUW9IsPmNEdrzOJ4xSV7n/2Q==", "aspectRatio": 0.6666666666666666, "src": "/static/e0827cd521be0a645fa77fa6a899e0dc/14b42/camping1.jpg", "srcSet": "/static/e0827cd521be0a645fa77fa6a899e0dc/f836f/camping1.jpg 200w,\n/static/e0827cd521be0a645fa77fa6a899e0dc/2244e/camping1.jpg 400w,\n/static/e0827cd521be0a645fa77fa6a899e0dc/14b42/camping1.jpg 800w,\n/static/e0827cd521be0a645fa77fa6a899e0dc/47498/camping1.jpg 1200w,\n/static/e0827cd521be0a645fa77fa6a899e0dc/ec6c5/camping1.jpg 1280w", "sizes": "(max-width: 800px) 100vw, 800px" } } } } ] } }, "extensions": {} }