mui cards overlapping when resized

I'm using material UI in My react project. I'm currently working with Multiple card in a Row. My cards are overlapping with each other when resized. I want them to be responsive as well as not overlapping with eachother. what should I do to prevent it from happening?