Hallo liebe Mitstreiter, habe selbst eine praktikable Lösung gefunden:
Die entscheidenden Zeilen sehen jetzt so aus:
<td align="center" colspan=2 >
<h2>Schulen in den Kreisen<h2>
<div class="svginside" style="max-width:800px">
<canvas width="800" height="650"></canvas>
<svg viewBox="0 0 800 650" xmlns="http://www.w3.org/2000/svg" >
<image x="0" y="0" width="100%" height="100%" xlink:href="Ostwestfalen-Lippe-1779789.jpg">
Für die CSS-Datei habe ich die Einträge von "mediaevent" übernommen.
Vielen Dank für Eure Anregungen, ich hoffe hiermit konnte ich ein bischen zurückgeben. Bis demnächst Yogibaer