Merge pull request #4932 from paulkaplan/fix-tutorial-image-sync

Prevent previous tutorial images from hanging around on next/prev

src/components/cards/card.css

@@ -170,6 +170,9 @@
     align-items: center;
     position: relative;
     text-align: center;
+
+    /* Min height prevents layout changing when images change */
+    min-height: 256px;
 }
 
 .step-video {

src/components/cards/cards.jsx

@@ -155,6 +155,7 @@ const ImageStep = ({title, image}) => (
             <img
                 className={styles.stepImage}
                 draggable={false}
+                key={image} /* Use src as key to prevent hanging around on slow connections */
                 src={image}
             />
         </div>