1 files changed, 10 insertions, 6 deletions
diff --git a/src/App.js b/src/App.js
index ef78070..96f3aa9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -172,14 +172,18 @@ function StoreItem(props) {
                      subheader={props.data.author}
                      subheaderTypographyProps={{className: classes.text}}
                   />
-                  <CardMedia className={classes.media}
-                     image={props.data.img}
-                     title={props.data.title}
-                  >
+                  <div className={classes.media}>
+                     <CardMedia
+                        component='img'
+                        loading='lazy'
+                        image={props.data.img}
+                        title={props.data.title}
+                        style={{height: '100%', backgroundImage:'url(/loading.png)'}}
+                     />
                      <Chip label={props.data.price} className={classes.price}/>
                      <Chip label={t(props.data.cat)} className={classes.cat}/>
-                     <Rating name="size-small" size="small" className={classes.rating} readOnly defaultValue={props.data.rating} precision={0.5}/>
-                  </CardMedia>
+                     <Rating size="small" className={classes.rating} readOnly defaultValue={props.data.rating} precision={0.5}/>
+                  </div>
                </CardActionArea>
             </Card>
          </Grow>