How to shift image upwards if space is available using grid tailwind css(pinterest like functionality)?

Question

                <div className="grid grid-cols-3 gap-4">{displayImages.map((u) => (
            <ImageRow image={u} />
        )) }</div> 

I want 4th image to move upwards so that empty space can be filled