allow block SVG image with no width specified to stetch to width of page

Author: mojavelinux

preview-src/index.adoc

@@ -295,6 +295,9 @@ Ex nam suas nemore dignissim, vel apeirian democritum et.
 .Antora is a multi-repo documentation site generator
 image::multirepo-ssg.svg[Multirepo SSG,3000,opts=interactive]
 
+.Let's see that again, but a little smaller
+image::multirepo-ssg.svg[Multirepo SSG,300,role=text-left]
+
 Make the switch today!
 
 .Full Circle with Jake Blauvelt

src/css/doc.css

@@ -519,16 +519,29 @@
   align-items: center;
 }
 
+.doc .imageblock .content {
+  align-self: stretch;
+  text-align: center;
+}
+
 .doc .imageblock.text-left,
 .doc .videoblock.text-left {
   align-items: flex-start;
 }
 
+.doc .imageblock.text-left .content {
+  text-align: left;
+}
+
 .doc .imageblock.text-right,
 .doc .videoblock.text-right {
   align-items: flex-end;
 }
 
+.doc .imageblock.text-right .content {
+  text-align: right;
+}
+
 .doc .imageblock img,
 .doc .imageblock object,
 .doc .imageblock svg,