如何在mui reactjs中显示抽屉外的头像图像？

import React from 'react';
import Drawer from '@mui/material/Drawer';

const MyPage = () => {
  return (
    <div>
      <div className="avatar-container">
        {/* 在这里显示头像图像 */}
      </div>
      <Drawer>
        {/* 抽屉组件的内容 */}
      </Drawer>
    </div>
  );
};

export default MyPage;

<div className="avatar-container">
  <img src="https://example.com/avatar.jpg" alt="Avatar" />
</div>

.avatar-container {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 20px;
  left: 20px;
}