Styled Card - Copy this React, Mui Component to your project

<div className="flex justify center items center flex col"> <div className="flex justify center items center py 5" style={{ width: '25%', height: '25%', backgroundColor: 'white', borderRadius: '10px' }}> <img style={{ width: '100%', height: '100%', borderRadius: '10px' }} src={`http://localhost:8081/images/${value.image}`} /> </div> <div className="flex justify center items center gap 5 shadow lg flexWrap py 5 px 5" style={{ backgroundColor: 'white', border: '1px solid black solid', borderRadius: '10px' }}> <div className='flex col py 2 ml 2'> <div className='flex row px 2'> name: {value.name } Vocab: {value.vocab} </div> <div className='flex rox px 2'> min:{value.min} max:{value.max} </div> </div> </div> </div>