JSFiddle - React, Tailwind, and code Playground

HTML

<h2>JPEG - not working<h2>
<iframe style="width: 300px;" src="https://docs.google.com/viewer?embedded=true&amp;url=http%3A%2F%2Fwww.fnordware.com%2Fj2k%2Frelax-orig.png" width="300" height="480" frameborder="0" scrolling="no"></iframe>

<h2>JPG - not working<h2>
<iframe style="width: 300px;" src="https://docs.google.com/viewer?embedded=true&amp;url=http%3A%2F%2Fimgsv.imaging.nikon.com%2Flineup%2Fdslr%2Fd3000%2Fimg%2Fsample%2Fpic_004t.jpg" width="300" height="480" frameborder="0" scrolling="no"></iframe>

<h2>PNG - not working<h2>
<iframe style="width: 300px;" src="https://docs.google.com/viewer?embedded=true&amp;url=http%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fen%2F7%2F70%2FExample.png" width="300" height="480" frameborder="0" scrolling="no"></iframe>


<h2>MPEG4 - not working<h2>
<iframe style="width: 300px;" src="https://docs.google.com/viewer?embedded=true&amp;url=http%3A%2F%2Fdownload.wavetlan.com%2FSVV%2FMedia%2FHTTP%2FH264%2FOther_Media%2FH264_test8_voiceclip_mp4_480x320.mp4" width="300" height="480" frameborder="0" scrolling="no"></iframe>
    
<h2>DOC - working<h2>
<iframe style="width: 300px;" src="https://docs.google.com/viewer?embedded=true&amp;url=http%3A%2F%2Fdownload.microsoft.com%2Fdownload%2Fa%2F5%2Fd%2Fa5d3d02a-fd03-466f-9ba8-97f5e7a90a98%2FCertifiedforWindowsVistaProgramTestCases.doc" width="300" height="480" frameborder="0" scrolling="no"></iframe>