diff --git a/content/en/docs/tutorials/kubernetes-basics/create-cluster/cluster-intro.html b/content/en/docs/tutorials/kubernetes-basics/create-cluster/cluster-intro.html
index 5a5c77b78a90f..583e69546d1a2 100644
--- a/content/en/docs/tutorials/kubernetes-basics/create-cluster/cluster-intro.html
+++ b/content/en/docs/tutorials/kubernetes-basics/create-cluster/cluster-intro.html
@@ -66,7 +66,7 @@ <h2 style="color: #3771e3;">Cluster Diagram</h2>
 
         <div class="row">
             <div class="col-md-8">
-                <p><img src="/docs/tutorials/kubernetes-basics/public/images/module_01_cluster.svg"></p>
+                <p><img src="/docs/tutorials/kubernetes-basics/public/images/k8s-structure.svg"></p>
             </div>
         </div>
         <br>
diff --git a/content/en/docs/tutorials/kubernetes-basics/public/images/k8s-structure.svg b/content/en/docs/tutorials/kubernetes-basics/public/images/k8s-structure.svg
new file mode 100644
index 0000000000000..f6082a31b6619
--- /dev/null
+++ b/content/en/docs/tutorials/kubernetes-basics/public/images/k8s-structure.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="491px" height="491px" viewBox="-0.5 -0.5 491 491" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2024-10-16T03:07:07.832Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/21.6.8 Chrome/114.0.5735.289 Electron/25.5.0 Safari/537.36&quot; etag=&quot;1AZwR9WgV8KDn4-vM67Z&quot; version=&quot;21.6.8&quot; type=&quot;device&quot; pages=&quot;2&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;laRW4YZcGxU0DVkwh5Iv&quot;&gt;5Zpdj5s4FIZ/TS5n5A8wcNnJ9EO7XanSVOru1coLDtA6mDpmQvbX14BJcOzZtLNJJppkpAk+PrbhfXywD2SG58v2vaR18YfIGJ8hkLUzfD9DKIiB/t8ZNoMhJMlgyGWZDSa4MzyU/zJjNO3ypszYynJUQnBV1rYxFVXFUmXZqJRibbstBLdHrWluRgQ7w0NKOXPcvpSZKgZrjKKd/QMr82IcGY7Xt6Sjs+l4VdBMrCcm/HaG51IINRwt2znjnXajLkO7d0/Ubk9Mskr9TINPOFxtor/f/J7EN58/tL99/bx+d4OGXh4pb8wFm5NVm1GBdVEq9lDTtCuvNeQZvivUkusS1Id0VQ+6L8qW6aHuFqJShiMkXbnkfC64kH13eBF2f8ZvYh8+2r5SUnxjkxrSf3SNe8VGhEcmFWsnJqPAeyaWTMmNdjG1YWJomOmIA1Ne7+AGo08xAbs1UjOh8m3fO831gZH9FxDg0yOQoqmyrqZ3vyggEYpuQxtJ5CJBMHSRbI1HRxIcRmJLegDQRYcEQbb+BLn6w8CjP4xPFRLhNemfQHBp+hNH/1pk0GGge9LLMDus/6+uEQCEgC1cIIv+4wMCALy/mx8pILANJMIuEOJZIsipcEQ+HG5IvFIcEbgwHLEPB74WHEmI9hbsFwcy3kCt9YJwZSTqs4NRC/K96TbcWgkMMYAATk0k7751KqEF7EatOa3Y2JU+taG3wcvhrfVTNlibQyUqtgfTmCgv80oXU02FaftdR6PUOcgbU7Ess4w/NZN2KyHwzJ1jBCDZ2zMnngUq9ADHJwMOnwe8i5zQBV7ppFW3gc8nfeEECdnfZPs2Gb6YPR1CX+Z5GCFgIALRkwjR1QdrEuzfnl8etWdtzHL2YIpG17SRj9v9vC2TkKoQuago/yhEbVy+MqU2RjzaKGHTZG2p/jTNu+O/Jvb7dlJxv/GwQP18oHI0xJ1zlU1KT5Lqruw/OUnGqSof7cdLPs1N00+i7MNh5JvEt1FMooSEJAgAJvZSHMNbBDECOMBhmJDA7n4lGpky0+P0UdExB9G65Uw5g/RTZ6vD/5hNbnL+rfmH3dC6XDE9haQz2Y6ZKr7wVjiwV+LAs/OC+Kyx7abqTKXZK2YQx4cZnHcz5GbrfUCs0oJlDb+ugPA8O4TorDTcZL2nYZIKjeNmSSuaXxWWEHqweJ+ynwyLm7R3WDhTrxgD2cNAQhdDdNbgSPzBUUvRbl4ziGgPhCeD9oXDyUCMt8SrCocEXVg4IDcHvopwSMLD4QDBWUmc842fSXiPcV/5iTcV3nzgZI9i0Tlf3R1PyP1bg1dI3z7yGULq4u5HH0NWvPvlDH77Aw==&lt;/diagram&gt;&lt;diagram id=&quot;UUXz_PljubthRDmdj1OE&quot; name=&quot;Page-2&quot;&gt;nZKxDsIgEIafhr2FqHW1Vl2cOjiTgpSE9hqKKfr0tgJW4tBoQhi+fNx/dwGRvLFHTbv6DIwrhBNmEdkjjLMsGe8J3B1YrbcOCC2ZQ+kMSvngHvp34iYZ7yPRACgjuxhW0La8MhGjWsMQa1dQcWpHhU9MZlBWVPEv7SKZqf1YeDPzE5eiDslpmK+hQfaF+5oyGD4QKRBeI0wsRWSHJhYfkmsAs6gFubE5V9Puw15d7uH/Au/ZNW/NbzVJPloL7b+c6N+Q4gk=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(24, 20, 29);"><defs/><g><rect x="0" y="0" width="490" height="490" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><rect x="137.5" y="30" width="215" height="215" rx="32.25" ry="32.25" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><rect x="35" y="280" width="145" height="180" rx="21.75" ry="21.75" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><rect x="320" y="280" width="145" height="180" rx="21.75" ry="21.75" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><ellipse cx="70" cy="420" rx="30" ry="30" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 420px; margin-left: 41px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">pod1</div></div></div></foreignObject><text x="70" y="425" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">pod1</text></switch></g><ellipse cx="140" cy="420" rx="30" ry="30" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 420px; margin-left: 111px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">pod2</div></div></div></foreignObject><text x="140" y="425" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">pod2</text></switch></g><ellipse cx="392.5" cy="420" rx="30" ry="30" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 420px; margin-left: 364px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">pod3</div></div></div></foreignObject><text x="393" y="425" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">pod3</text></switch></g><rect x="170" y="50" width="150" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 65px; margin-left: 171px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font color="#130101">control plane</font></div></div></div></foreignObject><text x="245" y="70" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="16px" text-anchor="middle">control plane</text></switch></g><rect x="77.5" y="280" width="60" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 295px; margin-left: 79px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font color="#100505">node 1</font></div></div></div></foreignObject><text x="108" y="300" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="16px" text-anchor="middle">node 1</text></switch></g><rect x="352.5" y="280" width="60" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 295px; margin-left: 354px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font color="#0e0707">node 2</font></div></div></div></foreignObject><text x="383" y="300" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="16px" text-anchor="middle">node 2</text></switch></g><rect x="150" y="90" width="130" height="30" rx="4.5" ry="4.5" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 105px; margin-left: 151px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">kube-apiserver</div></div></div></foreignObject><text x="215" y="110" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">kube-apiserver</text></switch></g><rect x="290" y="90" width="50" height="30" rx="4.5" ry="4.5" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 105px; margin-left: 291px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">etcd</div></div></div></foreignObject><text x="315" y="110" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">etcd</text></switch></g><rect x="150" y="130" width="120" height="30" rx="4.5" ry="4.5" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 145px; margin-left: 151px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">kube-scheduler</div></div></div></foreignObject><text x="210" y="150" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">kube-scheduler</text></switch></g><rect x="150" y="170" width="190" height="40" rx="6" ry="6" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 190px; margin-left: 151px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">kube-controller-manager</div></div></div></foreignObject><text x="245" y="195" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">kube-controller-manager</text></switch></g><rect x="50" y="310" width="70" height="30" rx="4.5" ry="4.5" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 325px; margin-left: 51px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">kubelet</div></div></div></foreignObject><text x="85" y="330" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">kubelet</text></switch></g><rect x="80" y="350" width="90" height="30" rx="4.5" ry="4.5" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 365px; margin-left: 81px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">kube-proxy</div></div></div></foreignObject><text x="125" y="370" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">kube-proxy</text></switch></g><rect x="330" y="310" width="70" height="30" rx="4.5" ry="4.5" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 325px; margin-left: 331px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">kubelet</div></div></div></foreignObject><text x="365" y="330" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">kubelet</text></switch></g><rect x="360" y="350" width="100" height="30" rx="4.5" ry="4.5" fill="#0050ef" stroke="#001dbc" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 365px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">kube-proxy</div></div></div></foreignObject><text x="410" y="370" fill="#ffffff" font-family="Helvetica" font-size="16px" text-anchor="middle">kube-proxy</text></switch></g><rect x="40" y="390" width="130" height="60" rx="9" ry="9" fill="none" stroke="rgb(240, 240, 240)" pointer-events="all"/><rect x="330" y="390" width="120" height="60" rx="9" ry="9" fill="none" stroke="rgb(240, 240, 240)" pointer-events="all"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file