Tailwind-CSS doesn't apply flex/block after applying .hidden to the element

Question

I want my div to be hidden on small screens and visible on bigger screens starting from md: But seems like .hidden has a higher priority. Or it just messing up with some of