Make grid column height fit only the content it need and flex start the one below

Question

I was able to create a grid of 4 column and make each element get only the height it need. But i want for the one below to be aligned and not have this space as you can see in the picture.

GRID PARENT {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

GRID CHILD {
   height: fit-content;
}