Intenté esto pero está ubicado en la parte superior izquierda (en la parte superior de la página web)

 <img className={classes.image} src={logo} position={'left'}/>

Toda la aplicación.js html

 return ( <Container maxWidth="lg"> <div> <img className={classes.image} src={logo} position={'left'}/> </div> <AppBar className={classes.appBar} position="static" color="inherit"> <Typography className={classes.heading} variant="h2" align="center">Courses</Typography> <img className={classes.image} src={formation} alt="icon" height="60" /> </AppBar> <Grow in> <Container> <Grid container justify="space-between" alignItems="stretch" spacing={3}> <Grid item xs={12} sm={7}> <Posts setCurrentId={setCurrentId} /> </Grid> <Grid item xs={12} sm={4}> <Form currentId={currentId} setCurrentId={setCurrentId} /> </Grid> </Grid> </Container> </Grow> </Container> ); };

Agradecería la ayuda - gracias.