Arreglo viewBox en el SVG y lo ponemos 'sticky'

Author: pauek

2023-02-16/estilos.css

@@ -72,3 +72,11 @@ table th {
   text-align: left;
 }
 
+svg {
+  width: 6rem;
+  height: 5rem;
+  position: sticky;
+  object-fit: cover;
+  top: 0;
+  right: 0;
+}

2023-02-16/pagina-web.html

@@ -41,8 +41,7 @@ <h1><span class="moderno">Otro título</span></h1>
       xmlns="http://www.w3.org/2000/svg"
       version="1.1"
       baseProfile="full"
-      width="300"
-      height="200"
+      viewBox="0 0 300 200"
     >
       <rect id="rrr" width="100%" height="100%" fill="red" />
       <circle cx="150" cy="100" r="80" fill="green" />