import { Masonry, MasonryGrid } from "atsol-masonry-react"

const images = [] // Your images array

function App() {
    return (
        <MasonryGrid>
            <Masonry columnsCount={3} gutter={16} className={"waterfall"}>
                {images.map((i, idx) => {
                    return (
                        <img
                            src={i.url}
                            alt="test"
                            key={idx}
                            style={{ minWidth: "100%" }}
                        />
                    );
                })}
            </Masonry>
        </MasonryGrid>
    )
}

<MasonryGrid columnsBreakpoints={{ 320: 1, 576: 2, 768: 3, 992: 3 }} >