Multiplex data: use png images for explanation

components/report_cards/chemical_probe/CellViabilityAndHealthComponents/CellPropsRows/SampleImages.vue

@@ -32,7 +32,7 @@
                     <v-img
                       width="100%"
                       :src="
-                        require(`@/static/img/multiplexData/trainingImages/${imgName}.jpg`)
+                        require(`@/static/img/multiplexData/trainingImages/${imgName}.png`)
                       "
                     ></v-img>
                   </div>

components/report_cards/chemical_probe/CellViabilityAndHealthComponents/DataExplanation/DataExplanationDialog.vue

@@ -29,7 +29,7 @@
                     width="100%"
                     max-height="80vh"
                     contain
-                    :src="require(`@/static/img/multiplexData/treeFigure.jpg`)"
+                    :src="require(`@/static/img/multiplexData/treeFigure.png`)"
                   ></v-img>
                 </v-container>
               </div>