diff --git a/website/docs/howdoesitwork.mdx b/website/docs/howdoesitwork.mdx
index b292dcc35..717e8e2d2 100644
--- a/website/docs/howdoesitwork.mdx
+++ b/website/docs/howdoesitwork.mdx
@@ -12,7 +12,7 @@ Javascript methods that can be called, just as if they were local Javascript met
 
 ```mdx-code-block
 <div className="text--center">
-  <img src={require("@site/static/img/architecture.webp").default} width="75%" />
+  <img src={require("@site/static/img/architecture.webp").default} style={{"width":"75%", "max-width":"800px"}} />
 </div>
 ```
 
diff --git a/website/i18n/ja/docusaurus-plugin-content-docs/current/howdoesitwork.mdx b/website/i18n/ja/docusaurus-plugin-content-docs/current/howdoesitwork.mdx
index 0c706775a..a0bde09e6 100644
--- a/website/i18n/ja/docusaurus-plugin-content-docs/current/howdoesitwork.mdx
+++ b/website/i18n/ja/docusaurus-plugin-content-docs/current/howdoesitwork.mdx
@@ -8,7 +8,7 @@ A Wails application is a standard Go application, with a webkit frontend. The Go
 
 ```mdx-code-block
 <div className="text--center">
-  <img src={require("@site/static/img/architecture.webp").default} width="75%" />
+  <img src={require("@site/static/img/architecture.webp").default} style={{"width":"75%", "max-width":"800px"}} />
 </div>
 ```
 
diff --git a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/howdoesitwork.mdx b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/howdoesitwork.mdx
index b8379e3b6..1e47ea8bb 100644
--- a/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/howdoesitwork.mdx
+++ b/website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/howdoesitwork.mdx
@@ -8,7 +8,7 @@ Wails 应用程序是一个带有一个 webkit 前端的标准的 Go 应用程
 
 ```mdx-code-block
 <div className="text--center">
-  <img src={require("@site/static/img/architecture.webp").default} width="75%" />
+  <img src={require("@site/static/img/architecture.webp").default} style={{"width":"75%", "max-width":"800px"}} />
 </div>
 ```
 
diff --git a/website/static/img/architecture.svg b/website/static/img/architecture.svg
deleted file mode 100644
index c6e0c3c86..000000000
--- a/website/static/img/architecture.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1" viewBox="0 0 681 491" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd"><g><rect width="640" height="450" x="20.5" y="20.5" style="fill:#fff;fill-rule:nonzero;stroke:#000;stroke-width:1px"/><g><path d="M40.5,40.5L640.5,40.5L640.5,200.5L40.5,200.5L40.5,40.5ZM40.5,280.5L640.5,280.5L640.5,440.5L40.5,440.5L40.5,280.5Z" transform="matrix(1,0,0,0.920602,0,34.975)" style="fill:#fff;fill-rule:nonzero;stroke:#000;stroke-width:1px"/></g></g><g><path d="M345.5,261L356,261L340.5,280L325,261L335.5,261L335.5,220L325,220L340.5,201L356,220L345.5,220L345.5,261Z" transform="matrix(1,0,0,0.597983,0,112.565)" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:1px;stroke-linejoin:round;stroke-miterlimit:10"/></g><g transform="matrix(1,0,0,1,0,32)"><rect width="170" height="100" x="470.5" y="40.5" style="fill:#fff;fill-rule:nonzero;stroke:#000;stroke-width:1px"/></g><g><text x="-43.356" y="0" transform="matrix(1,0,0,1,555,126)" style="font-family:'ArialMT','Arial',sans-serif;font-size:12px">Frontend <tspan x="7.345 15.349" y="0 0">As</tspan>sets</text></g><g transform="matrix(1,0,0,1,0,32)"><rect width="600" height="60" x="40.5" y="140.5" style="fill:#fff;fill-rule:nonzero;stroke:#000;stroke-width:1px"/></g><g><text x="-18.229" y="0" transform="matrix(1,0,0,1,255,126)" style="font-family:'ArialMT','Arial',sans-serif;font-size:12px">W<tspan x="-7.119 -.445" y="0 0">eb</tspan>kit</text></g><g><text x="-32.687" y="0" transform="matrix(1,0,0,1,255,206)" style="font-family:'ArialMT','Arial',sans-serif;font-size:12px">Go Bindings</text></g><g transform="matrix(1,0,0,1,0,32)"><rect width="430" height="60" x="40.5" y="140.5" style="fill:#fff;fill-rule:nonzero;stroke:#000;stroke-width:1px"/></g><g><text x="-74.704" y="0" transform="matrix(1,0,0,1,255,206)" style="font-family:'ArialMT','Arial',sans-serif;font-size:12px">JS Bindings for Go methods</text></g><g transform="matrix(1,0,0,1,0,32)"><rect width="170" height="60" x="470.5" y="140.5" style="fill:#fff;fill-rule:nonzero;stroke:#000;stroke-width:1px"/></g><g><text x="-31.011" y="0" transform="matrix(1,0,0,1,555,206)" style="font-family:'ArialMT','Arial',sans-serif;font-size:12px">JS Runtime</text></g><rect width="600" height="60" x="40.5" y="280.5" style="fill:#fff;fill-rule:nonzero;stroke:#000;stroke-width:1px"/><g><text x="-32.013" y="0" transform="matrix(1,0,0,1,340,314)" style="font-family:'ArialMT','Arial',sans-serif;font-size:12px">Go Runtime</text></g><rect width="600" height="100" x="40.5" y="340.5" style="fill:#fff;fill-rule:nonzero;stroke:#000;stroke-width:1px"/><g><text x="-54.703" y="0" transform="matrix(1,0,0,1,340,394)" style="font-family:'ArialMT','Arial',sans-serif;font-size:12px">Go <tspan x="-36.023 -28.02" y="0 0">Ap</tspan>plication Code</text></g><g><text x="-92.493" y="0" transform="matrix(1,0,0,1,341.694,45.9172)" style="font-family:'ArialMT','Arial',sans-serif;font-size:12px">Components of a W<tspan x="13.11 19.784" y="0 0">ai</tspan>ls <tspan x="33.788 41.792" y="0 0">Ap</tspan>plication</text></g></svg>
\ No newline at end of file
diff --git a/website/static/img/architecture.webp b/website/static/img/architecture.webp
index b4a3112be..08edfc1fb 100644
Binary files a/website/static/img/architecture.webp and b/website/static/img/architecture.webp differ