confine SVG referenced using object tag to enclosing container

- apply max-width, height, display, and vertical-align properties to object[type="image/svg+xml"] selector
- apply fallback width to object[type="image/svg+xml"] selector when width is not specified (only works in Chrome)

Author: mojavelinux

preview-src/index.adoc

@@ -275,7 +275,7 @@ Est in reque homero principes, meis deleniti mediocrem ad has.
 Ex nam suas nemore dignissim, vel apeirian democritum et.
 
 .Antora is a multi-repo documentation site generator
-image::multirepo-ssg.svg[Multirepo SSG,300]
+image::multirepo-ssg.svg[Multirepo SSG,3000,opts=interactive]
 
 Make the switch today!
 

src/css/base.css

@@ -100,6 +100,10 @@ table {
   word-wrap: normal; /* table widths aren't computed as expected when word-wrap is enabled */
 }
 
+object[type="image/svg+xml"]:not([width]) {
+  width: fit-content;
+}
+
 ::placeholder {
   opacity: 0.5;
 }

src/css/doc.css

@@ -460,6 +460,7 @@
 }
 
 .doc .imageblock img,
+.doc .imageblock object[type="image/svg+xml"],
 .doc .image > img {
   display: inline-block;
   height: auto;