I think the issue is from combining flex-direction: column-reverse with dynamically loaded content, because the content starts at the bottom, hence reversing the direction, places the first content or the first child of the div at the bottom of the container. Try using flex-direction: column-reverse, which reverses the order of items, and justify-content: flex-start, which aligns the reversed content at the top of the container.