If you were to download File 1 and File 2 and drag and drop them into Chrome, you'd see they both display fine. I can place these same static HTML files in a Microsoft Teams folder and File 1 will display properly (in Teams), but File 2 comes up mostly blank (the title does show, but that's it).
Why does this happen and how can I make File 2 display properly in Teams, the same way it looks like when you open it in Chrome (or Edge, IE, Safari, etc.).
Here are some screen shots of the files to (maybe) save you some trouble, in troubleshooting:
HTML File 1 Screen Shot
HTML File 2 Screen Shot