diff --git a/html/rendering/replaced-elements/images/image-fallback-respect-max-width-ref.html b/html/rendering/replaced-elements/images/image-fallback-respect-max-width-ref.html
new file mode 100644
index 00000000000000..f15468c16f4430
--- /dev/null
+++ b/html/rendering/replaced-elements/images/image-fallback-respect-max-width-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Image fallback respect max-width</title>
+<style>
+  div {
+    max-width: 200px;
+  }
+  img {
+    width: 200px;
+    height: auto;
+  }
+</style>
+<body>
+  <div>
+    <img src="" width="10000" height="100">
+    <img src="" width="10000" height="100"
+      alt="Lorem ipsum dolor sit amet, consectetur adipisicing elit.">
+    <img src="" width="1000" height="100">
+  </div>
+</body>
diff --git a/html/rendering/replaced-elements/images/image-fallback-respect-max-width.html b/html/rendering/replaced-elements/images/image-fallback-respect-max-width.html
new file mode 100644
index 00000000000000..b5e34ffc9ba8ad
--- /dev/null
+++ b/html/rendering/replaced-elements/images/image-fallback-respect-max-width.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Image fallback respect max-width</title>
+<link rel="author" href="mailto:zhoupeng.1996@bytedance.com">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#images-3">
+<link rel="match" href="image-fallback-respect-max-width-ref.html">
+<style>
+  div {
+    max-width: 200px;
+  }
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+</style>
+<body>
+  <div>
+    <img src="" width="10000" height="100">
+    <img src="" width="10000" height="100"
+      alt="Lorem ipsum dolor sit amet, consectetur adipisicing elit.">
+    <img src="" width="1000" height="100">
+  </div>
+</body>
diff --git a/html/rendering/replaced-elements/images/img-fallback-baseline-alignment.html b/html/rendering/replaced-elements/images/img-fallback-baseline-alignment.html
new file mode 100644
index 00000000000000..83070429acc286
--- /dev/null
+++ b/html/rendering/replaced-elements/images/img-fallback-baseline-alignment.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Image fallback baseline alignment</title>
+<link rel="author" href="mailto:zhoupeng.1996@bytedance.com">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#images-3">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  div {
+    background: red;
+    line-height: 200px;
+    width: 100px;
+  }
+  img {
+    border-right: solid 30px black;
+    width: 30px;
+    height: 30px;
+  }
+</style>
+<body>
+  <div>
+    <img src="">
+  </div>
+  <script>
+    async_test(t => {
+      const img = document.querySelector('img');
+      const div = document.querySelector('div');
+      img.src = '';
+      img.onerror = t.step_func_done(() => {
+        assert_greater_than(img.offsetTop, div.offsetTop);
+        assert_less_than(img.offsetTop + img.offsetHeight, div.offsetTop + div.offsetHeight);
+      });
+    });
+  </script>
+</body>
