Add responsive image CSS, resize oversized images, fix aspect ratios, add lazy loading

retro/monsterboard/index.njk

@@ -53,11 +53,11 @@ parent: "/retro/"
 <p>In my Mega ST 4 "High" machine the MonSTerBoard provides the 8 MB of TT-RAM that TOS 2.06 and Geneva use for real multitasking. For storage I use the dual IDE interface, booting the system directly from a CompactFlash card. I started with a 4 GB card, but that didn't work reliably, so I switched to a 1 GB card, which works fine. There's no ACSI hard drive connected in this machine; the IDE boot is noticeably faster than an ACSI drive would be. Combined with the <a href="/retro/et4000-experiment/">ET4000 graphics card</a> and its dedicated monitor, it's the most capable machine in the fleet.</p>
 
 <h2>Gallery</h2>
-<img src="monster-ide.jpg" alt="MonSTerBoard IDE adapter with CompactFlash card" width="640" height="480">
+<img src="monster-ide.jpg" alt="MonSTerBoard IDE adapter with CompactFlash card" width="640" height="480" loading="lazy">
 <p class="caption">The MonSTerBoard IDE adapter with a CompactFlash card attached.</p>
-<img src="monster-1gb.jpg" alt="MonSTerBoard with the 1 GB CompactFlash card" width="640" height="480">
+<img src="monster-1gb.jpg" alt="MonSTerBoard with the 1 GB CompactFlash card" width="640" height="640" loading="lazy">
 <p class="caption">After the 4 GB card didn't work, I switched to a 1 GB CompactFlash card.</p>
-<img src="monster-pins.jpg" alt="MonSTerBoard pins and jumper block" width="640" height="480">
+<img src="monster-pins.jpg" alt="MonSTerBoard pins and jumper block" width="640" height="480" loading="lazy">
 <p class="caption">The MonSTerBoard pins and jumper block.</p>
 
 <h2>Sources</h2>