Utilizo la galería de imágenes a continuación. https://tympanus.net/Desarrollo/AnimatedResponsiveImageGrid/
Quiero espacio entre las dos imágenes.
Si pongo un div entre los elementos li y a, javascript no encontrará ese elemento. La altura de los elementos a dentro del div 0.
Traté de modificar CSS con relleno, propiedades de margen, pero no tuve éxito. Usé el background-size: container, para posicionar bien las imágenes.
Agregue este background-size y elimine o comente background-color: #333;
.ri-grid ul li a { ... background-size: calc(100% - 5px) !important; /* background-color: #333; */ ... }agregar background-size: calc(100% - 10px); a .ri-grid ul li a elemento. 10px representan el espacio entre cada imagen. Tal vez necesite cambiar el color de fondo de <li> y <a> para obtener un buen resultado.