我已经用MaterialUI创建了一个图片列表，现在我想添加鼠标悬停效果来突出显示鼠标光标下的图片。下面是我的图片列表代码。我如何实现这一点？

<Box
        sx={{
          height: 450,
          marginLeft: "10em",
          backgroundColor: "white",
          display: "grid",
          gridTemplateColumns: {
            mobile: "repeat(1, 1fr)",
            bigMobile: "repeat(2, 1fr)",
            tablet: "repeat(3, 1fr)",
            desktop: "repeat(4, 1fr)",
          },
          [`& .${imageListItemClasses.root}`]: {
            display: "flex",
            flexDirection: "column",
          }
        }}
      >
        <ImageList
          variant="quilted"
          sx={{ width: 2000, height: 1000, margin: "5em" }}
          cols={3}
          rowHeight={500}
          
        >
          {cardsList.map((item, index) => (
            <div>
              <ImageListItem key={index}>
                <img
                  src={"data:image/jpeg;base64," + item.content}
                  alt={item.fileName}
                />
              </ImageListItem>
            </div>
          ))}
        </ImageList>
      </Box>