Aligning image & p tag in new line

Question

As I have used inline-flex I am not able to use display:block to align image & p tag in separate lines ; while maintaining centre align properties.

https://code.sololearn.com/WcH0HOn38SZy/?ref=app

Answer 1

adding flex-direction:column; to your css .collegecard class rules do the job...
but your design seems overkill ^^

Answer 2

visph
overkill ?
Any suggestions