content: import React from 'react';
  import { makeStyles } from '@material-ui/core/styles';
  import Avatar from '@material-ui/core/Avatar';
  import Grid from '@material-ui/core/Grid';
  
  const useStyles = makeStyles({
    avatar: {
      margin: 10,
    },
    bigAvatar: {
      margin: 10,
      width: 60,
      height: 60,
    },
  });
  
  export default function ImageAvatars() {
    const classes = useStyles();
  
    return (
      <Grid container justify="center" alignItems="center">
        <Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" className={classes.avatar} />
        <Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" className={classes.bigAvatar} />
      </Grid>
    );
  }
  