fixing .md and using generated png image

Author: dovisutu

contents/bubble_sort/bubble_sort.md

@@ -70,7 +70,7 @@ This means that we need to go through the vector $$\mathcal{O}(n^2)$$ times with
 [import:2-21, lang:"bash"](code/bash/bubble_sort.bash)
 {% sample lang="scratch" %}
 <p>
-  <img  class="center" src="/code/scratch/bubble_sort.svg" width="250" />
+  <img  class="center" src="code/scratch/bubble_sort.png" width="400" />
 </p>
 {% endmethod %}
 
@@ -145,7 +145,7 @@ Trust me, there are plenty of more complicated algorithms that do precisely the
 [import, lang:"emojicode"](code/emojicode/bubble_sort.emojic)
 {% sample lang="bash" %}
 [import, lang:"bash"](code/bash/bubble_sort.bash)
-{% sample lang="scratch"}
+{% sample lang="scratch" %}
 The code snippet was taken from this [Scratch project](https://scratch.mit.edu/projects/316483792)
 {% endmethod %}