target object element with image more accurately in default stylesheet

1 files changed, 11 insertions, 12 deletions

diff --git a/src/stylesheets/asciidoctor.css b/src/stylesheets/asciidoctor.css
index 1c6aa3d6..bbb1f061 100644
--- a/src/stylesheets/asciidoctor.css
+++ b/src/stylesheets/asciidoctor.css
@@ -170,16 +170,22 @@ sub {
   bottom: -0.25em;
 }
 
+img,
+object[type^="image/"],
+svg {
+  display: inline-block;
+  height: auto;
+  max-width: 100%;
+  vertical-align: middle;
+}
+
 img {
   border: 0;
   -ms-interpolation-mode: bicubic;
 }
 
-img,
-object,
-svg {
-  display: inline-block;
-  vertical-align: middle;
+object {
+  max-width: 100%;
 }
 
 svg:not(:root) {
@@ -258,13 +264,6 @@ textarea {
   overflow: auto;
 }
 
-img,
-object,
-svg {
-  max-width: 100%;
-  height: auto;
-}
-
 .left {
   float: left !important;
 }