fix image styling on funding page

src/components/base/MediaView.jsx

@@ -12,7 +12,7 @@ function MediaView({ className, isVideo, source, playing, imgClass }) {
        <ReactPlayer width="100%" height="100%" url={source} playing={playing} controls/>}
       {!isVideo && <CardMedia
         component="img"
-        alt="video"
+        alt="image"
         className={imgClass}
         src={source}
         title="media-description"

src/components/projects/FundProject.jsx

@@ -127,6 +127,10 @@ const styles = theme => ({
   halfText: {
     gridColumnStart: 4
   },
+  imgClass: {
+    maxHeight: '40vh',
+    maxWidth: '30vw'
+  },
   chatRoomIcon: {
     justifySelf: 'auto'
   },
@@ -279,7 +283,7 @@ const SubmissionSection = ({ classes, projectData, projectId, pledges, commitTim
                   <div className={classes.chatText}>{manifest.code}</div>
                 </a>
               </div>
-              <MediaView className={classes.fullWidth} isVideo={isVideo} source={mediaUrl} />
+              <MediaView className={classes.fullWidth} isVideo={isVideo} source={mediaUrl} imgClass={classes.imgClass} />
               <TextDisplay
                 name="Full description"
                 text={manifest.description}