Компоненты React

export default function Elems() {
    return (
      <Card>
        <Avatar
         status={"John DOE"}
         size={100} />
      </Card>
    );
}
//
const Avatar = ({status, size}) => {
  return(
      <img
        src={'https://i.imgur.com/MK3eW3As.jpg'}
        alt={status}
        width={size}
        heigh={size}
      >
      </img>
  )
}
function Card ({statusCard})  {
    return (
        <div className='cards'>{statusCard}</div>
    );
}

Проблема заключается с выводом изображения внутри компонента Card, Когда я его объявляю и все что в него помещаю она не отображается.Все что ввожу вне Card, она отображается